: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:rgba(15,15,21,0.75)}.login-page{position:relative;display:grid;place-items:center;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--login-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--login-text);overflow:hidden;-webkit-font-smoothing:antialiased}html:has(.login-page) ::selection{background-color:rgba(99,102,241,.42);color:var(--login-text)}html:has(.login-page) ::-moz-selection{background-color:rgba(99,102,241,.42);color:var(--login-text)}.login-page:before{inset:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,rgba(99,102,241,.08) 0deg,rgba(59,130,246,.05) 60deg,transparent 120deg,rgba(139,92,246,.06) 180deg,transparent 240deg,rgba(99,102,241,.08) 1turn);animation:login-gradient-rotate 25s linear infinite}.login-page:after,.login-page:before{content:"";position:absolute;pointer-events:none}.login-page:after{top:20%;left:50%;width:600px;height:600px;transform:translateX(-50%);background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);animation:login-glow-pulse 8s ease-in-out infinite}@keyframes login-gradient-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes login-glow-pulse{0%,to{opacity:.4;transform:translateX(-50%) scale(1)}50%{opacity:.7;transform:translateX(-50%) scale(1.15)}}.login-card{position:relative;z-index:1;width:100%;max-width:400px;padding:36px 32px;background:var(--login-glass);border:1px solid var(--login-border);border-radius:16px;backdrop-filter:blur(20px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 20px 60px rgba(0,0,0,.5);animation:login-card-enter .5s ease-out}@keyframes login-card-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card-logo{display:flex;align-items:center;justify-content:center;margin-bottom:28px}.login-card-title{font-size:22px;font-weight:700;text-align:center;color:var(--login-text);margin-bottom:6px;letter-spacing:-.02em}.login-card-subtitle{font-size:14px;margin-bottom:10px}.login-card-subtitle,.login-cross-link{text-align:center;color:var(--login-text-muted)}.login-cross-link{font-size:13px;margin:0 0 24px;line-height:1.45}.login-cross-link a{color:var(--login-primary-hover);font-weight:500;text-decoration:none}.login-cross-link a:hover{text-decoration:underline}.login-field{margin-bottom:18px}.login-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--login-text-muted)}.login-input{width:100%;padding:11px 14px;background:var(--login-surface);border:1px solid var(--login-border);border-radius:10px;font-family:inherit;font-size:14px;color:var(--login-text);transition:border-color .2s ease,box-shadow .2s ease}.login-input::-moz-placeholder{color:var(--login-text-muted)}.login-input::placeholder{color:var(--login-text-muted)}.login-input:focus{outline:none;border-color:var(--login-primary);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-input-error{border-color:#ef4444}.login-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.2)}.login-error-text{margin-top:4px;font-size:12px;color:#ef4444}.login-btn{width:100%;padding:12px 20px;border:none;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.login-btn-primary{background:var(--login-primary);color:#fff;box-shadow:0 2px 12px rgba(99,102,241,.3)}.login-btn-primary:hover{background:var(--login-primary-hover);box-shadow:0 4px 20px rgba(99,102,241,.35)}.login-btn-primary:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn-ghost{background:transparent;color:var(--login-text-muted);padding:10px 16px}.login-btn-ghost:hover{color:var(--login-text)}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0;font-size:12px;color:var(--login-text-muted)}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:var(--login-border)}.login-oauth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;background:var(--login-surface);border:1px solid var(--login-border);border-radius:10px;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--login-text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.login-oauth-btn:hover{background:var(--login-bg);border-color:var(--login-primary)}.login-oauth-btn+.login-oauth-btn{margin-top:10px}.login-footer{margin-top:24px;text-align:center;font-size:13px;color:var(--login-text-muted)}.login-footer a{color:var(--login-primary);text-decoration:none;font-weight:500;transition:color .15s ease}.login-footer a:hover{color:var(--login-primary-hover)}.login-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(15,15,21,.8);border-radius:16px;backdrop-filter:blur(4px)}.login-spinner{width:28px;height:28px;border:3px solid var(--login-border);border-top-color:var(--login-primary);border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-card{padding:28px 20px;border-radius:12px}.login-card-title{font-size:20px}}