.login-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.25rem,4vh,2rem);padding:clamp(1.25rem,5vw,3rem) 1rem;background-color:var(--color-backdrop);background-image:linear-gradient(160deg,#020a16d1,#020a1680 45%,#020a16e0),url(/images/background.png);background-size:cover;background-position:center}.login-card{width:min(27rem,100%);padding:clamp(1.75rem,5vw,2.5rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#122034c7,#081220db);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #01060e8c}.login-header{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1.75rem;text-align:center}.login-brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--color-accent)}.login-brand-name{color:var(--color-text);font-size:clamp(1.4rem,4vw,1.6rem);font-weight:600;letter-spacing:.01em}.login-tagline{margin:0;max-width:22rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.1rem}.login-field{display:flex;flex-direction:column;gap:.4rem}.login-label{color:var(--color-text-muted);font-size:.85rem;font-weight:500;letter-spacing:.02em}.login-input-wrapper{display:flex;align-items:center;gap:.6rem;min-height:2.9rem;padding:0 .85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#040e1ca6;color:var(--color-text-subtle);transition:border-color .15s ease,box-shadow .15s ease}.login-input-wrapper:hover{border-color:var(--color-border-strong)}.login-input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.login-input-wrapper:has(.login-input[aria-invalid=true]){border-color:var(--color-danger)}.login-input-wrapper:has(.login-input[aria-invalid=true]):focus-within{box-shadow:0 0 0 3px var(--color-danger-ring)}.login-input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font-size:1rem}.login-input:focus{outline:none}.login-input::placeholder{color:var(--color-text-placeholder)}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 40rem rgba(4,14,28,.98) inset;caret-color:var(--color-text)}.login-icon{width:1.15rem;height:1.15rem;flex-shrink:0}.login-icon-brand{width:1.75rem;height:1.75rem}.login-password-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-right:-.6rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-subtle);cursor:pointer;transition:color .15s ease,background-color .15s ease}.login-password-toggle:hover{color:var(--color-text);background:#ffffff12}.login-error{margin:0;color:var(--color-danger);font-size:.82rem}.login-submit{min-height:2.9rem;margin-top:.25rem;border:0;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--color-accent),#1f6fd0);color:#f7fbff;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:filter .15s ease,transform .15s ease}.login-submit:hover{filter:brightness(1.08)}.login-submit:disabled{cursor:not-allowed;opacity:.7;filter:none}.login-submit:active{transform:translateY(1px)}.login-status{margin:0;min-height:1.1rem;text-align:center;color:var(--color-text-muted);font-size:.85rem}.login-sign-up{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-top:1rem;border-top:1px solid var(--color-border)}.login-sign-up-button{min-height:2.75rem;padding:0 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:.95rem}.login-sign-up-button:disabled{cursor:not-allowed;opacity:.55}.login-sign-up-hint{color:var(--color-text-subtle);font-size:.78rem}.login-footer{margin:0;color:var(--color-text-subtle);font-size:.85rem}.login-footer a{color:var(--color-accent);text-decoration:none}.login-footer a:hover{text-decoration:underline}@media(max-width:30rem){.login-card{padding:1.5rem 1.25rem;border-radius:var(--radius-md)}}@media(prefers-reduced-motion:reduce){.login-input-wrapper,.login-password-toggle,.login-submit{transition:none}.login-submit:active{transform:none}}:root{--color-backdrop: #04101c;--color-border: rgba(148, 176, 214, .22);--color-border-strong: rgba(148, 176, 214, .4);--color-accent: #4f9bf5;--color-accent-ring: rgba(79, 155, 245, .28);--color-danger: #ff8a80;--color-danger-ring: rgba(255, 138, 128, .26);--color-text: #eef3fa;--color-text-muted: #b6c4d8;--color-text-subtle: #8496ad;--color-text-placeholder: rgba(146, 163, 185, .85);--radius-sm: .4rem;--radius-md: .7rem;--radius-lg: 1.1rem;font-family:Segoe UI,Trebuchet MS,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-backdrop);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input{font:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}