*,:before,:after{box-sizing:border-box;margin:0;padding:0}.login-viewport{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a 0%,#1e293b 40%,#0f172a 100%);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.login-viewport:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.glass-container{z-index:1;-webkit-backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:2.5rem 2rem;position:relative;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.login-header{text-align:center;margin-bottom:2rem}.login-title{letter-spacing:-.02em;color:#f1f5f9;margin-bottom:.4rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:#94a3b8;font-size:.9rem;font-weight:400;line-height:1.5}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1;font-size:.8rem;font-weight:600}.form-group input{color:#f1f5f9;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .25s,box-shadow .25s,background .25s}.form-group input::placeholder{color:#64748b;font-size:.9rem}.form-group input:focus{background:#ffffff12;border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.form-actions{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.remember-me{cursor:pointer;color:#cbd5e1;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;display:flex}.remember-me input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff40;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:background .2s,border-color .2s;position:relative}.remember-me input[type=checkbox]:checked{background:#6366f1;border-color:#6366f1}.remember-me input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.remember-me span{font-size:.85rem}.forgot-link{color:#a5b4fc;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .25s}.forgot-link:hover{color:#c7d2fe}.btn-primary{letter-spacing:.02em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;width:100%;padding:.85rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .3s,box-shadow .3s,transform .15s;box-shadow:0 4px 16px #6366f140}.btn-primary:hover{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);box-shadow:0 6px 24px #6366f159}.btn-primary:active{transform:scale(.98)}.btn-submit{margin-top:.25rem}@media (max-width:480px){.glass-container{border-radius:16px;padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.82rem}.form-actions{flex-direction:column;align-items:flex-start;gap:.75rem}}