:root{--cream:#faf9f4;--cream-2:#f3f1e9;--paper:#fff;--ink:#1e293b;--ink-soft:#475569;--ink-faint:#94a3b8;--line:#e6e3d8;--line-soft:#efece4;--border-strong:#cfcaba;--coral:#ff6c00;--coral-dk:#e05e00;--coral-soft:#ffe8d9;--blue:#1116df;--blue-dk:#0b0fa6;--cyan:#00c3ff;--navy:#0a1156;--navy-2:#111d7e;--green:#15803d;--grad:linear-gradient(90deg,#1116df 5%,#ff6c00 95%);--shadow-lg:0 26px 70px #0a115647;--r-sm:6px;--r:8px;--r-lg:10px;--r-xl:14px;--sans:"Instrument Sans", system-ui, -apple-system, sans-serif;--display:"Instrument Serif", Georgia, serif;--mono:"Spline Sans Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";min-height:100vh;font-size:14px;line-height:1.5}a{color:var(--blue);text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:var(--blue);color:#fff}.split{min-height:100vh;display:flex}.brand-panel{background:radial-gradient(120% 90% at 24% 8%, var(--navy-2), var(--navy) 64%);color:#dfe6ff;flex-direction:column;flex:0 0 44%;justify-content:space-between;max-width:560px;padding:56px 52px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 30% 0,#000,#0000 82%);mask-image:radial-gradient(120% 80% at 30% 0,#000,#0000 82%)}.brand-panel:after{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(circle,#00c3ff38,#0000 66%);border-radius:50%;width:380px;height:380px;position:absolute;bottom:-110px;right:-130px}.bp-top{z-index:1;position:relative}.brand{align-items:center;gap:13px;display:flex}.brand-mark{background:var(--coral);color:#fff;border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 24px #ff6c0066}.brand-name{font-family:var(--display);color:#fff;letter-spacing:.2px;font-size:26px;font-weight:400;line-height:1}.brand-sub{font-family:var(--mono);color:#8ea0e8;letter-spacing:2.4px;text-transform:uppercase;margin-top:6px;font-size:11px}.bp-mid{z-index:1;position:relative}.bp-headline{font-family:var(--display);letter-spacing:-.5px;color:#fff;margin:0 0 16px;font-size:46px;font-weight:400;line-height:1.06}.bp-headline .em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.bp-tagline{color:#aeb9e8;max-width:370px;font-size:15px;line-height:1.6}.bp-features{z-index:1;flex-direction:column;gap:14px;margin-top:30px;display:flex;position:relative}.bp-feat{color:#c3cdf2;align-items:center;gap:12px;font-size:13.5px;display:flex}.bp-feat .fk{width:32px;height:32px;color:var(--cyan);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;flex:0 0 32px;place-items:center;display:grid}.bp-feat .fk svg{width:16px;height:16px}.bp-foot{z-index:1;font-family:var(--mono);color:#7986c9;letter-spacing:.4px;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;display:flex;position:relative}.bp-foot .pip{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #00c3ff38}.auth-panel{background:var(--cream);flex:1;justify-content:center;align-items:center;min-width:0;padding:48px 32px;display:flex;position:relative}.card{z-index:1;background:var(--paper);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);width:100%;max-width:412px;padding:40px 40px 34px;position:relative;box-shadow:0 30px 70px #0a11561a}.card-head{margin-bottom:26px}.card-title{font-family:var(--display);letter-spacing:-.3px;margin:0 0 6px;font-size:30px;font-weight:400;line-height:1.1}.card-sub{color:var(--ink-soft);font-size:13.5px}.field{margin-bottom:18px}.field-label{color:var(--ink-soft);letter-spacing:.2px;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;font-weight:600;display:flex}.input-wrap{align-items:center;display:flex;position:relative}.input-ic{color:var(--ink-faint);pointer-events:none;place-items:center;display:grid;position:absolute;left:14px}.input-ic svg{width:17px;height:17px}.input{width:100%;color:var(--ink);background:var(--cream);border:1.5px solid var(--border-strong);border-radius:var(--r-sm);outline:none;padding:13px 15px 13px 42px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--blue);background:var(--paper);box-shadow:0 0 0 4px #1116df1a}.input.has-toggle{padding-right:46px}.eye-btn{width:32px;height:32px;color:var(--ink-faint);background:0 0;border:none;border-radius:8px;place-items:center;transition:all .15s;display:grid;position:absolute;right:8px}.eye-btn:hover{color:var(--blue);background:var(--cream-2)}.eye-btn svg{width:18px;height:18px}.forgot-link{color:var(--blue);font-size:12px;font-weight:600;transition:all .15s}.forgot-link:hover{color:var(--blue-dk)}.forgot-note{color:var(--ink-faint);align-items:center;gap:7px;margin-top:7px;font-size:11.5px;line-height:1.4;display:flex}.forgot-note svg{opacity:.8;flex:0 0 13px;width:13px;height:13px}.btn-signin{color:#fff;background:var(--coral);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:8px;padding:14px 18px;font-size:14px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex;box-shadow:0 10px 22px #ff6c0052}.btn-signin:hover{background:var(--coral-dk);transform:translateY(-1px);box-shadow:0 12px 26px #ff6c006b}.btn-signin:active{transform:translateY(0)}.btn-signin svg{width:16px;height:16px}.card-foot{border-top:1px solid var(--line-soft);font-family:var(--mono);color:var(--ink-faint);letter-spacing:.4px;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin-top:26px;padding-top:20px;font-size:11px;display:flex}.card-foot .sep{opacity:.5}.card-foot .pay{color:var(--ink-soft);align-items:center;gap:5px;font-weight:500;display:inline-flex}.card-foot .pay svg{width:13px;height:13px}@media (max-width:880px){.brand-panel{display:none}.auth-panel{padding:28px 20px}}@media (max-width:440px){.card{padding:30px 24px 26px}}