.login-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 80% at 80%,#e0f2fe 0%,#0000 60%),radial-gradient(50% 60% at 10% 80%,#f1f5f9 0%,#0000 50%);position:absolute;inset:0}.login-container{-webkit-backdrop-filter:blur(20px);z-index:1;background:#ffffffb3;border:1px solid #fff6;border-radius:20px;width:100%;max-width:400px;padding:40px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000000d}.login-container:before{content:"";background:linear-gradient(to right,var(--accent),var(--accent-lt));height:3px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;margin-bottom:32px}.login-header h2{color:var(--ink);margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:var(--muted);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--ink-2);font-size:14px;font-weight:600;display:none}.form-input{border:1px solid var(--border);background:var(--bg);color:var(--ink);padding:12px 16px;font-size:14px;transition:border-color .3s}.form-input:focus{border-color:var(--accent);outline:none}.error-message{color:#ef4444;text-align:center;font-size:13px}.btn-submit{background:var(--ink);color:var(--surface);cursor:pointer;text-align:center;border:none;padding:14px;font-size:15px;font-weight:600;transition:background .3s}.btn-submit:hover{background:var(--accent)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}