*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:hsl(24 14% 6%);padding:1.5rem;position:relative;overflow:hidden;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-2;pointer-events:none;background:radial-gradient(38% 30% at 20% 25%,hsl(24 95% 55% / .45) 0%,transparent 60%),radial-gradient(34% 26% at 80% 30%,hsl(31 95% 60% / .4) 0%,transparent 60%),radial-gradient(42% 34% at 30% 80%,hsl(20 95% 52% / .38) 0%,transparent 60%),radial-gradient(30% 26% at 75% 78%,hsl(35 95% 58% / .35) 0%,transparent 60%),radial-gradient(28% 22% at 50% 50%,hsl(28 95% 58% / .28) 0%,transparent 60%);filter:blur(45px) saturate(1.15);animation:aurora-drift 32s ease-in-out infinite;will-change:transform}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,hsl(24 14% 6% / .45) 100%)}
@keyframes aurora-drift{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(8%,-6%,0)}50%{transform:translate3d(-7%,9%,0)}75%{transform:translate3d(9%,7%,0)}100%{transform:translate3d(0,0,0)}}
@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}
.login-card{position:relative;z-index:1;width:min(420px,100%);background:hsl(24 14% 9% / .7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsl(24 14% 20% / .6);border-radius:1rem;padding:2.5rem 2rem 2rem;box-shadow:0 1px 0 hsl(0 0% 100% / .04) inset,0 8px 24px -12px hsl(0 0% 0% / .5);animation:fade-in .3s ease-out}
.login-header{text-align:center;margin-bottom:2rem}
.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:hsl(24 14% 6%);border:1px solid hsl(24 14% 20% / .5);margin-bottom:1rem;overflow:hidden}
.login-logo img{width:48px;height:48px;object-fit:contain}
.login-logo-fallback{color:#fbbf24;font-size:1.5rem;font-weight:800}
.login-title{font-size:1.35rem;font-weight:700;color:#fafafa;letter-spacing:.02em}
.login-subtitle{font-size:.85rem;color:#a1a1aa;margin-top:.35rem}
.login-field{margin-bottom:1rem}
.login-label{display:block;font-size:.82rem;font-weight:600;color:#a1a1aa;margin-bottom:.4rem}
.login-input-wrap{display:flex;align-items:center;background:hsl(24 14% 6%);border:1.5px solid hsl(24 14% 20% / .6);border-radius:10px;padding:0 .85rem;transition:border-color .15s,box-shadow .15s}
.login-input-wrap:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
.login-input-icon{color:#71717a;font-size:.88rem;flex-shrink:0;width:1.35rem;display:flex;align-items:center;justify-content:center}
.login-input-wrap input{flex:1;border:none;background:transparent;padding:.8rem .6rem;font-size:.92rem;font-family:inherit;color:#fafafa;outline:none}
.login-input-wrap input::placeholder{color:#71717a}
.login-toggle-pw{background:none;border:none;color:#71717a;cursor:pointer;padding:.3rem;font-size:.88rem;transition:color .12s}
.login-toggle-pw:hover{color:#a1a1aa}
.login-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;margin-top:.5rem;border:none;border-radius:10px;background:linear-gradient(135deg,hsl(24 95% 55%),hsl(31 95% 62%));color:#fff;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.02em;box-shadow:0 12px 40px -12px hsl(24 95% 55% / .4);transition:opacity .18s,box-shadow .18s,transform .18s}
.login-submit:hover{opacity:.95;box-shadow:0 14px 50px -16px hsl(24 95% 55% / .5);transform:translateY(-1px)}
.login-submit:active{transform:translateY(0)}
.login-input-wrap input::selection,.login-input-wrap input::-moz-selection{background:rgba(245,158,11,.4);color:#fafafa}
.login-footer{text-align:center;margin-top:1.5rem;font-size:.72rem;color:#52525b}
.alert-login-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:.65rem .85rem;color:#fca5a5;font-size:.85rem;margin-bottom:1rem}
@media (max-width:480px){.login-card{padding:2rem 1.25rem 1.5rem}}