:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Plus Jakarta Sans,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}body{min-width:320px;margin:0}button,input{font:inherit}:root{--bg:#f8fafc;--surface:#fff;--line:#0f172a14;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--purple:#6c3ff5;--dark:#2d2d2d;--orange:#ff9b6b;--yellow:#e8d754;--shadow:0 28px 80px #0f172a1f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100vh}.login-page{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.visual-panel{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 44%,#60a5fa 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.visual-panel__grid{opacity:.16;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.brand-chip,.mobile-brand{z-index:2;align-items:center;gap:10px;font-weight:700;display:inline-flex;position:relative}.brand-chip__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.brand-chip__icon--light{color:var(--primary);background:#2563eb1f}.hero-copy{z-index:2;max-width:500px;position:relative}.hero-copy__eyebrow{text-transform:uppercase;letter-spacing:.14em;opacity:.72;margin:0 0 12px;font-size:12px}.hero-copy h1{letter-spacing:-.06em;margin:0;font-size:clamp(44px,7vw,78px);line-height:.94}.hero-copy p:last-child{color:#ffffffd6;max-width:430px;margin:16px 0 0;line-height:1.8}.characters-stage{z-index:2;justify-content:center;align-items:end;height:470px;display:flex;position:relative}.characters-canvas{width:min(560px,94%);height:420px;position:relative}.shape{transform-origin:bottom;transition:transform .35s,height .35s;position:absolute;bottom:0}.shape-purple{background:var(--purple);z-index:1;border-radius:10px 10px 0 0;width:180px;height:400px;left:72px}.shape-purple--active{height:440px}.shape-black{background:var(--dark);z-index:2;border-radius:8px 8px 0 0;width:120px;height:310px;left:240px}.shape-orange{background:var(--orange);z-index:3;border-radius:120px 120px 0 0;width:240px;height:200px;left:0}.shape-yellow{background:var(--yellow);z-index:4;border-radius:70px 70px 0 0;width:140px;height:230px;left:310px}.shape-eyes{align-items:center;display:flex;position:absolute}.shape-purple__eyes{gap:30px;top:40px;left:46px}.shape-black__eyes{gap:22px;top:32px;left:26px}.shape-orange__eyes{align-items:center;gap:34px;top:92px;left:84px}.shape-yellow__eyes{align-items:center;gap:22px;top:42px;left:50px}.eyeball{aspect-ratio:1;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:height .18s,width .18s,border-radius .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0a}.eyeball-pupil{border-radius:999px;flex:none;width:100%;height:100%;transition:transform .12s ease-out}.pupil-dot{aspect-ratio:1;border-radius:999px;flex:none;transition:transform .12s ease-out;display:block}.eye{aspect-ratio:1;background:#fff;border-radius:999px;flex:0 0 18px;width:18px;height:18px;transition:height .18s,width .18s,border-radius .18s;display:block;position:relative;overflow:hidden}.eye-dark{flex-basis:16px;width:16px;height:16px}.eye-blink{border-radius:999px;height:3px!important;min-height:3px!important}.pupil{background:var(--dark);border-radius:50%;width:7px;min-width:7px;height:7px;min-height:7px;transition:transform .12s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eye-dark .pupil{width:6px;min-width:6px;height:6px;min-height:6px}.dot-eye{aspect-ratio:1;background:var(--dark);border-radius:999px;flex:0 0 12px;width:12px;height:12px}.shape-yellow__mouth{background:var(--dark);border-radius:999px;width:58px;height:4px;position:absolute;top:88px;left:40px}.form-panel{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.form-card{width:min(420px,100%)}.mobile-brand{margin-bottom:24px;display:none}.form-copy h2{letter-spacing:-.05em;margin:0;font-size:38px;line-height:1.02}.form-copy p{color:var(--muted);margin:12px 0 0;line-height:1.7}.login-form{margin-top:28px}.field{margin-top:18px;display:block}.field span{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.field input{border:1px solid var(--line);border-radius:18px;outline:none;width:100%;height:52px;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb1f}.password-field{position:relative}.password-toggle{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.submit-button{color:#fff;letter-spacing:-.01em;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#2563eb);border:0;border-radius:18px;width:100%;height:54px;margin-top:24px;font-size:16px;font-weight:800;box-shadow:0 14px 30px #2563eb2e}@media (width<=980px){.login-page{grid-template-columns:1fr}.visual-panel{min-height:auto;padding:24px 20px 0}.characters-stage{height:330px;margin-top:12px}.characters-canvas{transform-origin:bottom;transform:scale(.82)}.form-panel{min-height:auto;padding:20px 16px 30px}.mobile-brand{display:inline-flex}}@media (width<=640px){.visual-panel{padding:18px 16px 0}.hero-copy h1{font-size:clamp(34px,10vw,52px)}.hero-copy p:last-child{font-size:14px}.characters-stage{height:250px}.characters-canvas{transform:scale(.64)}.form-copy h2{font-size:32px}.field input,.submit-button{border-radius:16px;height:50px}}