:root{--login-bg:#050507;--login-primary:#6366f1;--login-primary-hover:#818cf8;--login-surface:#0f0f15;--login-border:#1e1e2e;--login-text:#e2e8f0;--login-text-muted:#64748b;--login-glass:#0f0f15bf}.login-page{background:var(--login-bg);min-height:100dvh;color:var(--login-text);-webkit-font-smoothing:antialiased;place-items:center;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:grid;position:relative;overflow:hidden}html:has(.login-page) ::selection{color:var(--login-text);background-color:#6366f16b}html:has(.login-page) ::-moz-selection{color:var(--login-text);background-color:#6366f16b}.login-page:before{content:"";pointer-events:none;background:conic-gradient(#6366f114 0deg,#3b82f60d 60deg,#0000 120deg,#8b5cf60f 180deg,#0000 240deg,#6366f114 360deg);width:200%;height:200%;animation:25s linear infinite login-gradient-rotate;position:absolute;inset:-50%}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite login-glow-pulse;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes login-gradient-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes login-glow-pulse{0%,to{opacity:.4;transform:translate(-50%)scale(1)}50%{opacity:.7;transform:translate(-50%)scale(1.15)}}.login-card{z-index:1;background:var(--login-glass);border:1px solid var(--login-border);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border-radius:16px;width:100%;max-width:400px;padding:36px 32px;animation:.5s ease-out login-card-enter;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 20px 60px #00000080}@keyframes login-card-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card-logo{justify-content:center;align-items:center;margin-bottom:28px;display:flex}.login-card-title{text-align:center;color:var(--login-text);letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:700}.login-card-subtitle{text-align:center;color:var(--login-text-muted);margin-bottom:28px;font-size:14px}.login-field{margin-bottom:18px}.login-label{color:var(--login-text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.login-input{background:var(--login-surface);border:1px solid var(--login-border);width:100%;color:var(--login-text);border-radius:10px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:var(--login-text-muted)}.login-input:focus{border-color:var(--login-primary);outline:none;box-shadow:0 0 0 3px #6366f133}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-input-error{border-color:#ef4444}.login-input-error:focus{box-shadow:0 0 0 3px #ef444433}.login-error-text{color:#ef4444;margin-top:4px;font-size:12px}.login-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s}.login-btn-primary{background:var(--login-primary);color:#fff;box-shadow:0 2px 12px #6366f14d}.login-btn-primary:hover{background:var(--login-primary-hover);box-shadow:0 4px 20px #6366f159}.login-btn-primary:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn-ghost{color:var(--login-text-muted);background:0 0;padding:10px 16px}.login-btn-ghost:hover{color:var(--login-text)}.login-divider{color:var(--login-text-muted);align-items:center;gap:12px;margin:24px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--login-border);flex:1;height:1px}.login-oauth-btn{background:var(--login-surface);border:1px solid var(--login-border);width:100%;color:var(--login-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.login-oauth-btn:hover{background:var(--login-bg);border-color:var(--login-primary)}.login-oauth-btn+.login-oauth-btn{margin-top:10px}.login-footer{text-align:center;color:var(--login-text-muted);margin-top:24px;font-size:13px}.login-footer a{color:var(--login-primary);font-weight:500;text-decoration:none;transition:color .15s}.login-footer a:hover{color:var(--login-primary-hover)}.login-loading{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f15cc;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.login-spinner{border:3px solid var(--login-border);border-top-color:var(--login-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.login-card{border-radius:12px;padding:28px 20px}.login-card-title{font-size:20px}}