@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#1a1410;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f0e6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}img,svg{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#e8dfc8}::-webkit-scrollbar-thumb{background:#c9a227;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9a7a10}:focus-visible{outline-offset:2px;outline:2px solid #c9a227b3}.login-root{background:#060b18;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#f59e0b2e 0%,#0000 70%);width:520px;height:520px;animation-delay:0s;top:-140px;left:-120px}.orb-2{background:radial-gradient(circle,#0ea5e91f 0%,#0000 70%);width:600px;height:600px;animation-delay:-5s;bottom:-180px;right:-140px}.orb-3{background:radial-gradient(circle,#fb923c1a 0%,#0000 70%);width:300px;height:300px;animation-delay:-9s;top:40%;left:40%}@keyframes float{0%,to{transform:translateY(0)scale(1)}33%{transform:translateY(-30px)scale(1.04)}66%{transform:translateY(18px)scale(.97)}}.grid-overlay{pointer-events:none;background-image:linear-gradient(#f59e0b0a 1px,#0000 1px),linear-gradient(90deg,#f59e0b0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.login-container{z-index:1;border-radius:24px;width:min(1100px,96vw);min-height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f59e0b1f,0 32px 80px #0009,0 0 120px #f59e0b0f}.brand-panel{background:linear-gradient(145deg,#0d1526 0%,#111827 50%,#0a0f1e 100%);border-right:1px solid #f59e0b1a;flex-direction:column;flex:1.1;justify-content:space-between;padding:56px 48px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";background:radial-gradient(circle,#f59e0b1f 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.brand-panel:after{content:"";background:radial-gradient(circle,#0ea5e914 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:-60px}.brand-logo{align-items:center;gap:16px;display:flex}.logo-icon{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;padding:8px;animation:3s ease-in-out infinite pulse-glow;display:flex}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b26}50%{box-shadow:0 0 20px 6px #f59e0b1f}}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{color:#fff;letter-spacing:-.3px;font-size:20px;font-weight:700}.brand-sub{color:#f59e0b;letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:500}.brand-tagline{flex-direction:column;flex:1;justify-content:center;padding:40px 0;display:flex}.brand-tagline h1{color:#fff;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.15}.brand-tagline p{color:#94a3b8;max-width:360px;margin:0;font-size:15px;line-height:1.7}.brand-stats{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:0;margin-bottom:24px;padding:20px 0;display:flex}.stat{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stat-value{color:#f59e0b;font-size:20px;font-weight:700}.stat-label{color:#64748b;letter-spacing:.5px;text-align:center;font-size:11px}.stat-divider{background:#ffffff14;width:1px;height:36px}.brand-footer-text{color:#475569;letter-spacing:.5px;font-size:12px}.login-panel{background:#0d1117;flex:.9;justify-content:center;align-items:center;padding:48px 40px;display:flex}.login-card{flex-direction:column;gap:32px;width:100%;max-width:400px;display:flex}.login-header h2{color:#f1f5f9;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-header p{color:#64748b;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.error-banner{color:#f87171;background:#ef444414;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;animation:.2s slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#94a3b8;letter-spacing:.2px;font-size:13px;font-weight:500}.label-row{justify-content:space-between;align-items:center;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#475569;pointer-events:none;align-items:center;transition:color .2s;display:flex;position:absolute;left:14px}.form-input{color:#e2e8f0;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:13px 44px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.form-input::placeholder{color:#334155}.form-input:focus{background:#f59e0b0a;border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b14}.form-input:focus~.input-icon,.input-wrapper:focus-within .input-icon{color:#f59e0b}.form-input.input-error{border-color:#ef444466}.form-input.input-error:focus{box-shadow:0 0 0 3px #ef444414}.password-toggle{cursor:pointer;color:#475569;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.password-toggle:hover{color:#f59e0b}.field-error{color:#f87171;align-items:center;gap:4px;font-size:12px;display:flex}.btn-login{color:#0a0e1a;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 4px 24px #f59e0b40}.btn-login:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 8px 32px #f59e0b59}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.65;cursor:not-allowed}.btn-spinner{border:2px solid #0a0e1a4d;border-top-color:#0a0e1a;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{color:#334155;text-align:center;letter-spacing:.3px;margin:0;font-size:12px}.page-loader{background:#060b18;justify-content:center;align-items:center;min-height:100vh;display:flex}.loader-ring{border:3px solid #f59e0b26;border-top-color:#f59e0b;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (width<=768px){.login-container{min-height:unset;border-radius:16px;flex-direction:column}.brand-panel{padding:36px 28px 28px}.brand-tagline h1{font-size:24px}.brand-tagline p{font-size:13px}.brand-stats{display:none}.login-panel{padding:32px 24px 40px}}@media (width<=480px){.login-container{border-radius:0;width:100vw;min-height:100dvh}.brand-panel{padding:28px 20px 20px}}