*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#f5f5f5;background:#050505;font-family:Figtree,sans-serif;overflow:hidden}.bg-orbs{z-index:0;pointer-events:none;position:fixed;inset:0}.orb{filter:blur(120px);opacity:.12;border-radius:50%;animation:18s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#fff 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-15%;left:-10%}.orb-2{background:radial-gradient(circle,#ccc 0%,#0000 70%);width:400px;height:400px;animation-duration:22s;animation-delay:-6s;bottom:-10%;right:-5%}.orb-3{background:radial-gradient(circle,#e0e0e0 0%,#0000 70%);width:300px;height:300px;animation-duration:26s;animation-delay:-12s;top:40%;left:50%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(15px,30px)scale(1.02)}}.grid-overlay{z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 100px),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 100px);position:fixed;inset:0}.login-stage{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(40px)saturate(1.5);backdrop-filter:blur(40px)saturate(1.5);opacity:0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:460px;margin:0 auto;padding:48px 40px;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(20px);box-shadow:0 32px 80px #00000080,inset 0 0 0 1px #ffffff0f}.login-card.visible{opacity:1;transform:translateY(0)}.login-brand{justify-content:center;align-items:center;margin-bottom:36px;display:flex}.brand-logo{flex-shrink:0;width:172px;height:auto;display:block}.login-welcome{text-align:center;width:100%;margin-bottom:28px}.login-welcome h2{background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:1.8rem;font-weight:800}.login-welcome p{color:#999;font-size:.95rem;line-height:1.5}.login-error{color:#ff8a8a;background:#ff3c3c14;border:1px solid #ff646440;border-radius:14px;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:14px 16px;font-size:.88rem;animation:.3s slideDown;display:flex}.login-error.hidden{display:none}.error-icon{flex-shrink:0;place-items:center;display:grid}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-form{gap:20px;width:100%;display:grid}.form-field{display:block}.field-label{color:#ccc;letter-spacing:.02em;text-align:left;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.input-shell{align-items:center;display:flex;position:relative}.input-icon{color:#666;pointer-events:none;transition:color .2s;position:absolute;left:16px}.input-shell input{color:#f5f5f5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;padding:16px 16px 16px 46px;font-family:inherit;font-size:.95rem;transition:border-color .2s,background .2s,box-shadow .2s}.input-shell input::placeholder{color:#555}.input-shell input:focus{background:#ffffff12;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff0a}.input-shell:has(input:focus) .input-icon{color:#ccc}.toggle-password{color:#555;cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;width:36px;height:36px;transition:color .2s,background .2s;display:grid;position:absolute;right:12px}.toggle-password:hover{color:#ccc;background:#ffffff0f}.toggle-password.active{color:#fff}.login-button{color:#0a0a0a;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#d4d4d4 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:6px;padding:18px;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(135deg,#0000 0%,#ffffff4d 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ffffff1a}.login-button:hover:before{transform:translate(100%)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-loader.hidden{display:none}.spinner{border:2px solid #0a0a0a;border-color:#0a0a0a #0a0a0a #0000 #0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.login-form.shake{animation:.4s shake}.login-footer{text-align:center;margin-top:28px}.login-footer p{color:#555;font-size:.82rem}@media (max-width:520px){.login-card{border-radius:24px;margin:0;padding:32px 24px}.login-welcome h2{font-size:1.5rem}}