@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{color:#e5eefc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--shell-border:#ffffff14;--line:#94a3b83d;--white:#fff;--text-main:#0f172a;--text-soft:#64748b;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--success:#14532d;--success-bg:#ecfdf3;--success-border:#bbf7d0;--primary:#1e40af;--primary-strong:#17348d;--surface:#ffffffe6;background:radial-gradient(circle at 0 0,#3b82f642,#0000 30%),radial-gradient(circle at 100% 100%,#1d4ed83d,#0000 34%),#08111f;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}body{min-width:320px;margin:0}button,input{font:inherit}a{color:inherit}#app{min-height:100vh}.login-shell{background:#070c1859;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.brand-panel{background:linear-gradient(145deg,#0f172afa,#1e3a8af5 52%,#1e40affa),#0f172a;flex-direction:column;justify-content:space-between;padding:42px 48px 36px;display:flex;position:relative;overflow:hidden}.brand-top,.brand-copy,.brand-footer,.characters-stage{z-index:2;position:relative}.brand-top{align-items:center;gap:14px;display:flex}.brand-top h1,.form-header h2{letter-spacing:-.04em;margin:0;font-family:Manrope,Segoe UI,sans-serif}.brand-top h1{color:var(--white);font-size:clamp(1.7rem,2vw,2rem)}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#e2e8f099;margin:0 0 4px;font-size:.72rem}.eyebrow-dark{color:#1e40afad}.brand-badge,.mobile-brand-icon{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;place-items:center;display:grid}.brand-badge{background:#ffffff1a;border:1px solid #ffffff29;width:42px;height:42px;box-shadow:inset 0 1px #ffffff1a}.characters-stage{justify-content:center;align-items:end;padding:20px 0;display:flex}.brand-copy{max-width:28rem}.copy-title{color:#fffffff5;margin:0 0 10px;font-size:1.25rem;font-weight:700}.brand-footer{gap:24px;display:flex}.brand-footer a{color:#e2e8f08f;font-size:.86rem;text-decoration:none;transition:color .2s}.brand-footer a:hover{color:#ffffffe0}.glow,.panel-grid,.panel-noise{pointer-events:none;position:absolute;inset:0}.glow{filter:blur(90px);opacity:.85;border-radius:999px;inset:auto}.glow-a{background:#3b82f652;width:320px;height:320px;top:14%;right:7%}.glow-b{background:#1d4ed83d;width:380px;height:380px;bottom:6%;left:-6%}.panel-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px}.panel-noise{opacity:.18;background-image:radial-gradient(circle at 20% 20%,#ffffff2e 1px,#0000 1px),radial-gradient(circle at 70% 30%,#ffffff1f 1px,#0000 1px),radial-gradient(circle at 40% 75%,#ffffff29 1px,#0000 1px);background-size:130px 130px}.form-panel{background:linear-gradient(#f8fafcfa,#fffffffc),#fff;justify-content:center;align-items:center;padding:32px;display:flex}.form-card{background:linear-gradient(#fffffff5,#fff);border:1px solid #94a3b82e;border-radius:28px;width:min(100%,430px);padding:42px;box-shadow:0 28px 70px #0f172a1f,inset 0 1px #ffffffe6}.mobile-brand{color:var(--text-main);justify-content:center;align-items:center;gap:10px;margin-bottom:32px;font-weight:700;display:none}.mobile-brand-icon{background:#eff6ff;border:1px solid #3b82f626;width:34px;height:34px}.form-header{text-align:center;margin-bottom:34px}.form-header h2{color:var(--text-main);font-size:clamp(2rem,4vw,2.35rem)}.form-subtitle{max-width:24rem;color:var(--text-soft);margin:10px auto 0;font-size:.95rem}.login-form{gap:18px;display:grid}.field-block{gap:7px;display:grid}.field-label{color:#334155;font-size:.82rem;font-weight:600}.field-shell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;height:52px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background-color .2s,transform .2s;display:grid}.field-shell:focus-within{background:#fff;border-color:#1e40afb8;box-shadow:0 0 0 4px #1e40af14}.field-shell.has-error{background:#fff8f8;border-color:#dc262661}.field-icon,.visibility-toggle{color:#94a3b8}.field-shell input{width:100%;color:var(--text-main);background:0 0;border:0;outline:0}.field-shell input::placeholder{color:#b2bdcb}.visibility-toggle{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:28px;height:28px;transition:color .2s,background-color .2s;display:grid}.visibility-toggle:hover{color:#334155;background:#94a3b81f}.field-error{color:var(--danger);font-size:.78rem}.status-banner{border-radius:12px;margin:0;padding:12px 14px;font-size:.83rem;font-weight:600}.status-error{color:var(--danger);border:1px solid var(--danger-border);background:var(--danger-bg)}.status-success{color:var(--success);border:1px solid var(--success-border);background:var(--success-bg)}.submit-button,.secondary-button{cursor:pointer;border:0;transition:transform .18s,box-shadow .2s,background-color .2s,border-color .2s}.submit-button{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-strong));letter-spacing:.04em;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:52px;font-weight:700;display:inline-flex;box-shadow:0 18px 36px #1e40af3d}.submit-button:hover{transform:translateY(-1px)}.submit-button:disabled{cursor:wait;opacity:.85}.loader{border:2px solid #fff6;border-top-color:#fff;border-radius:999px;width:16px;height:16px;animation:.8s linear infinite spin}.divider{color:#9ca3af;align-items:center;gap:12px;margin:22px 0 14px;font-size:.82rem;display:flex}.divider:before,.divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.secondary-button{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-weight:600;display:inline-flex}.secondary-button:hover{background:#f8fbff;border-color:#1e40af38}.signup-row{text-align:center;color:var(--text-soft);margin-top:24px;font-size:.86rem}.signup-row a{color:var(--primary);font-weight:700;text-decoration:none}.signup-row a:hover{text-decoration:underline}.dev-note{color:#64748b;justify-content:center;align-items:center;gap:9px;margin-top:18px;font-size:.8rem;display:flex}.dev-note-dot{background:#bfdbfe;border-radius:999px;width:8px;height:8px;transition:background-color .2s;box-shadow:0 0 0 5px #bfdbfe52}.dev-note-dot.active{background:#2563eb}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:480px;padding-bottom:28px}}@media (width<=780px){.brand-panel{display:none}.form-panel{padding:20px}.form-card{border-radius:22px;padding:30px 22px}.mobile-brand{display:flex}}.characters-wrap[data-v-af5736d5]{width:min(100%,550px);height:clamp(300px,42vw,400px);margin:0 auto;position:relative;transform:translateZ(0)}.character[data-v-af5736d5]{transform-origin:bottom;will-change:transform;position:absolute;bottom:0}.character-purple[data-v-af5736d5]{z-index:1;background:#6c3ff5;border-radius:12px 12px 0 0;width:180px;height:400px;left:70px;box-shadow:0 24px 50px #5433c43d}.character-black[data-v-af5736d5]{z-index:2;background:#2d2d2d;border-radius:10px 10px 0 0;width:120px;height:310px;left:240px;box-shadow:0 20px 40px #00000042}.character-orange[data-v-af5736d5]{z-index:3;background:#ff9b6b;border-radius:120px 120px 0 0;width:240px;height:200px;left:0;box-shadow:0 20px 40px #ff9b6b38}.character-yellow[data-v-af5736d5]{z-index:4;background:#e8d754;border-radius:70px 70px 0 0;width:140px;height:230px;left:310px;box-shadow:0 18px 40px #e8d75438}.face[data-v-af5736d5]{display:flex;position:absolute}.purple-face[data-v-af5736d5]{gap:32px;top:40px;left:45px}.black-face[data-v-af5736d5]{gap:24px;top:32px;left:26px}.orange-face[data-v-af5736d5]{gap:32px;top:90px;left:82px}.yellow-face[data-v-af5736d5]{gap:24px;top:40px;left:52px}.eyeball[data-v-af5736d5]{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;overflow:hidden}.eyeball-small[data-v-af5736d5]{width:16px;height:16px}.eyeball-pupil[data-v-af5736d5],.pupil[data-v-af5736d5]{will-change:transform;background:#2d2d2d;border-radius:999px;width:7px;height:7px}.pupil[data-v-af5736d5]{width:12px;height:12px}.yellow-mouth[data-v-af5736d5]{background:#2d2d2d;border-radius:999px;width:80px;height:4px;position:absolute;top:88px;left:40px}@media (width<=720px){.characters-wrap[data-v-af5736d5]{transform-origin:bottom;width:min(100%,420px);height:310px;transform:scale(.78)}}