.login-bg{--void:#08080a;--surface:#131316;--surface-hover:#18181c;--hairline:#ffffff14;--hairline-hover:#d4af3773;--gold:#d4af37;--gold-bright:#f3d876;--gold-dim:#8a6d1f;--paper:#f6f3ea;--paper-dim:#f6f3ea8f;--danger:#e0765f;--danger-bg:#e0765f1a;--spring:cubic-bezier(.16, 1, .3, 1);background:radial-gradient(ellipse 900px 500px at 50% -10%, #d4af371a, transparent 60%), radial-gradient(circle at 90% 100%, #d4af370d, transparent 45%), var(--void);justify-content:center;align-items:center;min-height:100dvh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.login-card{-webkit-backdrop-filter:blur(28px)saturate(180%);width:100%;max-width:420px;color:var(--paper);animation:loginShow .45s var(--spring);background:#131316b8;border:1px solid #ffffff17;border-radius:26px;padding:40px 35px;position:relative;overflow:hidden;box-shadow:0 25px 60px -20px #0009,0 0 0 1px #ffffff05}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);z-index:2;height:1px;position:absolute;top:0;left:28px;right:28px}@keyframes loginShow{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.decor-circle{pointer-events:none;background:radial-gradient(circle,#d4af3724,#0000 70%);border-radius:50%;position:absolute}.circle-1{width:180px;height:180px;top:-70px;right:-70px}.circle-2{width:120px;height:120px;bottom:-50px;left:-50px}.login-topbar{z-index:2;justify-content:flex-end;margin-bottom:12px;display:flex;position:relative}.theme-toggle{-webkit-backdrop-filter:blur(12px);width:38px;height:38px;color:var(--paper);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff17;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background-color .2s,transform .15s;display:inline-flex;position:relative}.theme-toggle:hover{border-color:var(--hairline-hover);background:#ffffff17}.theme-toggle:active{transform:scale(.9)}.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.theme-toggle i{color:var(--gold);font-size:15px}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:inline}.login-logo-wrapper{z-index:2;justify-content:center;align-items:center;margin-bottom:30px;display:flex;position:relative}.login-logo{object-fit:contain;width:auto;max-width:90%;height:120px;transition:transform .3s var(--spring)}.login-logo:hover{transform:scale(1.05)}.field-group{z-index:2;position:relative}.field-group label{letter-spacing:.01em;color:var(--paper-dim);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field-group:first-of-type{margin-bottom:0}.field-group:first-of-type .input-wrapper{border-bottom:none;border-radius:14px 14px 0 0}.field-group:nth-of-type(2){margin-bottom:20px}.field-group:nth-of-type(2) .input-wrapper{border-radius:0 0 14px 14px}.field-group:first-of-type label,.field-group:nth-of-type(2) label{display:none}.input-wrapper{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;align-items:center;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;overflow:hidden}.input-wrapper:focus-within{border-color:var(--hairline-hover);background:#ffffff0e;box-shadow:0 0 0 3px #d4af371f}.icon{width:45px;height:45px;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-wrapper input{min-width:0;height:46px;color:var(--paper);background:0 0;border:0;outline:none;flex:1;padding:0 12px 0 0;font-family:inherit;font-size:1rem}.input-wrapper input::placeholder{color:var(--paper-dim)}.toggle-pass{width:45px;height:45px;color:var(--paper-dim);cursor:pointer;background:0 0;border:0;flex-shrink:0;transition:color .2s,background-color .2s,transform .15s}.toggle-pass:hover{color:var(--gold-bright)}.toggle-pass:active{transform:scale(.9)}.btn-login{background:var(--gold);width:100%;height:50px;color:var(--void);cursor:pointer;transition:background-color .2s ease, transform .15s var(--spring), box-shadow .2s ease;border:0;border-radius:14px;margin-top:15px;font-size:1.05rem;font-weight:700}.btn-login:hover:not(:disabled){background:var(--gold-bright);box-shadow:0 10px 20px -8px #d4af3759}.btn-login:active:not(:disabled){transform:scale(.97)}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-links{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:25px;display:flex;position:relative}.auth-link{color:var(--gold);font-size:13.5px;font-weight:600;text-decoration:none;position:relative}.auth-link:after{content:"";background:var(--gold-bright);width:0;height:1px;transition:width .2s;position:absolute;bottom:-4px;left:0}.auth-link:hover{color:var(--gold-bright)}.auth-link:hover:after{width:100%}.auth-separator{background:var(--hairline);width:1px;height:14px}.error-msg{text-align:center;color:var(--danger);margin-top:10px;font-size:13.5px}.btn-login:focus-visible,.toggle-pass:focus-visible,.auth-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.login-card,.login-logo,.btn-login,.theme-toggle,.toggle-pass{transition:none;animation:none}}@media (max-width:480px){.login-card{border-radius:22px;padding:30px 20px}.login-logo{height:90px}}@media (max-height:600px){.login-bg{align-items:flex-start;padding-top:20px}.login-card{margin-top:10px;padding:25px}}@media (max-width:380px){.auth-links{flex-direction:column;gap:8px}.auth-separator{display:none}}@media (prefers-color-scheme:light){html:not([data-theme]) .login-bg{--void:#eee6d3;--surface:#f8f3e6;--surface-hover:#efe6d1;--hairline:#251c0f1f;--hairline-hover:#96701c66;--gold:#8a6420;--gold-bright:#6f4f18;--gold-dim:#b99a56;--paper:#2b2117;--paper-dim:#2b21179e;--danger:#a04430;--danger-bg:#a0443014}}[data-theme=light] .login-bg{--void:#eee6d3;--surface:#f8f3e6;--surface-hover:#efe6d1;--hairline:#251c0f1f;--hairline-hover:#96701c66;--gold:#8a6420;--gold-bright:#6f4f18;--gold-dim:#b99a56;--paper:#2b2117;--paper-dim:#2b21179e;--danger:#a04430;--danger-bg:#a0443014}[data-theme=light] .login-card{background:#f8f3e6bf;box-shadow:0 20px 44px -22px #2b211729}[data-theme=light] .theme-toggle{background:#2b21170d;border-color:#2b211717}[data-theme=light] .input-wrapper{background:#2b211709;border-color:#2b211714}[data-theme=light] .input-wrapper:focus-within{background:#2b21170e}[data-theme=light] .btn-login{color:#f8f3e6}
