:root{color-scheme:light;--ink:#171c19;--muted:#747b77;--accent:#c6f390;--dark:#141917;--line:#e1e5e0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);min-width:320px}button,input{font:inherit}button,a,input,canvas,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #6e9c3e;outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}
.showcase{display:grid;grid-template-columns:54% 46%;min-height:780px;height:100svh}.stage{position:relative;color:#f5f7ee;background:radial-gradient(ellipse at 54% 53%,#25382a 0%,#1b261f 40%,#141917 76%);overflow:hidden;isolation:isolate;min-width:0}.brand-row{position:absolute;top:36px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}.brand{font-size:30px;font-weight:700;letter-spacing:-1.6px;line-height:1}.brand>span{color:var(--accent)}.edition{font-size:11px;letter-spacing:.13em;color:#849389}.character-heading{position:absolute;top:137px;left:9%;z-index:2;pointer-events:none}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.17em;margin:0 0 15px}.character-heading .eyebrow{color:var(--accent)}.character-heading h1{font-size:clamp(42px,4.1vw,68px);font-weight:450;line-height:1;letter-spacing:-.055em;margin:0}.halo{position:absolute;left:50%;top:54%;width:82%;max-width:650px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #c6f3900b;border-radius:50%;z-index:-1;pointer-events:none}.halo::before{content:'';position:absolute;inset:9%;border:1px solid #c6f3900a;border-radius:50%}#character{display:block;width:100%;height:100%;outline-offset:-10px;touch-action:pan-y}.load-state{position:absolute;inset:48% 0 auto;text-align:center;color:#a9b7ac;font-size:14px}.load-state.error{margin:0 12%;padding:18px;background:#141917ee;border-radius:12px;line-height:1.6}.cat-caption{position:absolute;bottom:84px;left:8%;right:8%;display:flex;gap:10px;justify-content:center;align-items:center;color:#b8c6bb;pointer-events:none}.cat-caption p{font-size:14px;line-height:1.5;margin:0}.caption-icon{display:grid;place-items:center;color:var(--accent)}.stage.is-private .cat-caption{color:var(--accent)}.stage.is-private .caption-icon{opacity:.65}.stage.is-private .character-heading h1{color:var(--accent)}
.login-side{display:flex;flex-direction:column;min-width:0;padding:36px clamp(35px,5.6vw,95px) 27px;background:#fff}.login-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:30px}.demo-badge{font-size:10px;font-weight:600;letter-spacing:.1em;white-space:nowrap;background:#f0f5eb;border:1px solid #e5ecdE;border-radius:30px;padding:7px 10px;display:flex;gap:6px;align-items:center;color:#536446}.demo-badge>span{font-size:16px;color:#6e9c3e;line-height:1}.chapter{font-size:10px;letter-spacing:.06em;color:#939a95;white-space:nowrap}.login-content{width:100%;max-width:410px;margin:auto}.login-content>.eyebrow{color:#65705f;margin-bottom:18px}.login-content h2{font-size:clamp(52px,4.9vw,78px);font-weight:600;line-height:1;letter-spacing:-.065em;margin:0}.login-content h2>span{color:#8cae68}.intro{color:var(--muted);font-size:16px;line-height:1.7;margin:22px 0 33px}.field{margin:0 0 21px}.field>label{font-size:14px;font-weight:550;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.field>label>span{display:flex;align-items:center;gap:5px;color:#7c8875;font-size:12px;font-weight:400}.input-wrap{position:relative;border:1px solid #dce2da;border-radius:10px;background:#fcfdfa;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8b9487;pointer-events:none}.input-wrap input{width:100%;height:55px;border:0;border-radius:10px;background:transparent;color:var(--ink);padding:13px 16px 13px 47px;font-size:16px;outline:none}.input-wrap:focus-within{background:#fff;border-color:#88a960;box-shadow:0 0 0 3px #b7d59120}.input-wrap:focus-within>svg{color:#6e884e}.input-wrap input::placeholder{color:#a0a69d;font-size:14px}.input-wrap:has([aria-invalid=true]){border-color:#bf5a47}.field-error{font-size:13px;line-height:1.5;color:#a23c2c;margin:7px 0 0}.continue-button{border:0;border-radius:10px;background:var(--accent);color:#1e2a18;width:100%;height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:15px;font-weight:600;margin-top:8px;transition:background .2s,transform .2s}.continue-button:hover{background:#b7e67e}.continue-button:active{transform:translateY(1px)}.demo-note{color:#91988c;font-size:12px;text-align:center;line-height:1.7;margin:17px 0 0}.result{margin:18px 0 0;background:#edf6e4;border:1px solid #dce8ce;color:#436332;padding:14px 16px;border-radius:10px;font-size:14px;line-height:1.6}.login-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#9ca398;margin-top:34px;font-size:10px;letter-spacing:.075em}.footer-mark{color:#b8c3af;font-size:23px;font-weight:650;letter-spacing:-.06em}
.tuning{position:absolute;left:7%;bottom:30px;z-index:5;color:#a2b2a4;font-size:12px}.tuning summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 0}.tuning summary::-webkit-details-marker{display:none}.tuning summary:hover{color:var(--accent)}.tuning-panel{position:absolute;bottom:38px;left:0;width:270px;padding:20px;background:#1a241eed;border:1px solid #d8f4c12b;border-radius:14px;box-shadow:0 15px 50px #0006;backdrop-filter:blur(20px);color:#e3eade}.control-group{margin:0 0 16px}.control-group label{display:flex;align-items:center;justify-content:space-between;font-size:14px}.control-group output{font-size:16px;color:var(--accent);font-variant-numeric:tabular-nums}.control-group output span{font-size:12px;margin-left:3px;opacity:.6}input[type=range]{display:block;width:100%;height:22px;accent-color:var(--accent);cursor:pointer;margin:9px 0 0;background:transparent}.motion-actions{border-top:1px solid #ffffff15;padding-top:14px;display:flex;justify-content:space-between;gap:10px}.motion-actions button{display:flex;align-items:center;gap:6px;border:1px solid #ffffff20;border-radius:6px;background:transparent;color:#d8e8d5;padding:8px 10px;font-size:12px}.motion-actions button:hover{background:#ffffff08}.motion-actions button:first-child{color:var(--accent)}.noscript{position:fixed;bottom:0;left:0;right:0;background:#fff0d3;color:#462f0f;padding:15px 25px;font-size:14px;z-index:10}
@media(min-width:1700px){.showcase{max-width:2000px;margin:0 auto;min-height:900px}.login-content{max-width:440px}.character-heading{top:155px}}
@media(max-width:1180px){.showcase{grid-template-columns:51% 49%}.login-side{padding-left:40px;padding-right:40px}.chapter{display:none}.character-heading{top:125px}.edition{display:none}.login-content h2{font-size:62px}}
@media(max-width:760px){.showcase{display:block;height:auto;min-height:0}.stage{height:480px;min-height:0}.brand-row{top:26px;left:7%;right:7%}.brand{font-size:25px}.edition{display:block;font-size:9px}.character-heading{top:83px;left:7%}.character-heading .eyebrow{font-size:9px;margin-bottom:9px}.character-heading h1{font-size:37px}.cat-caption{bottom:51px;left:7%;right:7%}.cat-caption p{font-size:12px}.tuning{bottom:17px;font-size:11px}.tuning-panel{width:265px;bottom:33px}.login-side{padding:29px 7% 24px;min-height:670px}.login-content{margin:42px auto 24px;max-width:430px}.login-content h2{font-size:61px}.login-content>.eyebrow{font-size:10px}.intro{margin:20px 0 29px}.login-footer{margin-top:15px}.login-top{max-width:430px;width:100%;margin:0 auto}.chapter{display:block;font-size:9px}.stage.is-compact{height:220px}.stage.is-compact .character-heading,.stage.is-compact .halo,.stage.is-compact .cat-caption,.stage.is-compact .tuning{display:none}}
@media(max-width:370px){.stage{height:440px}.edition{display:none}.login-side{padding-left:6%;padding-right:6%}.chapter{display:none}.login-content h2{font-size:55px}.cat-caption p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.edition,.eyebrow,.demo-badge,.chapter,.login-footer{font-size:12px}#privacy-label.active{color:#598337}.field>label>span{transition:color .15s}
@media(max-width:760px){.stage{position:sticky;top:0;z-index:3;height:350px}.character-heading{display:none}.brand-row{top:22px}.edition{font-size:10px}.stage.is-compact{height:170px}.stage.is-compact .brand-row{top:23px}.stage.is-compact .edition{display:none}.stage.is-compact .brand{font-size:23px}.login-content>.eyebrow{font-size:12px}.chapter{font-size:10px}.tuning,.cat-caption p{font-size:12px}}