body,html{height:100%;overflow:hidden}.login-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg) url('../img/syn-landscape-logo-sm-hd.png') center center/cover no-repeat;background-attachment:scroll}.login-page::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,rgba(var(--bg-rgb),.3) 0,rgba(var(--bg-rgb),.72) 70%,rgba(var(--bg-rgb),.92) 100%);pointer-events:none}.login-card{position:relative;z-index:2;width:min(100%,400px);text-align:center;padding:48px 44px;border-radius:var(--border-radius-lg);background:var(--glass-bg);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--box-shadow-lg),0 0 0 1px rgba(var(--bg-rgb),.4)}.login-title{font-family:var(--font-brand);font-size:2.6rem;font-weight:700;letter-spacing:3px;line-height:1.1;background:linear-gradient(180deg,var(--brand-light) 0,var(--brand) 55%,var(--brand-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(var(--bg-rgb),.4)}.login-subtitle{color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;font-size:.82rem;margin:6px 0 34px}.login-form{display:flex;flex-direction:column;align-items:stretch;gap:18px}.login-input-wrapper{position:relative;width:100%}.login-input{width:100%;padding:15px 18px;border-radius:var(--border-radius);background:rgba(var(--bg-rgb),.72);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:1rem;-webkit-user-select:text;user-select:text;transition:border-color .25s ease,box-shadow .25s ease}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 18px rgba(var(--brand-rgb),.22)}.login-btn{width:100%;padding:15px 32px;border:none;border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-brand);font-weight:600;font-size:.95rem;letter-spacing:2px;text-transform:uppercase;color:#1a1206;background:linear-gradient(180deg,var(--brand-light) 0,var(--brand-dark) 100%);box-shadow:0 4px 16px rgba(var(--brand-rgb),.25);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.login-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 8px 24px rgba(var(--brand-rgb),.4)}.login-btn:active{transform:translateY(0)}.login-error{color:var(--danger);font-size:.9rem;min-height:22px;margin-top:4px}@media (max-width:576px){.login-card{padding:38px 26px}.login-title{font-size:2.1rem}}