@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";:root{--orange:#E0542E;--orange-2:#F47A3F;--orange-dark:#C2431F;--coral:#F57E5E;--peach:#FFE7DC;--ink:#1B2440;--ink-2:#5A6480;--ink-soft:#8A92AB;--cream:#FFF7F0;--surface:#FFFFFF;--surface-2:#FBF1EA;--blue:#3D7DF6;--green:#1FB573;--yellow:#F5B53D;--purple:#7A5BE0;--ok:#16A06A;--ok-bg:#E3F7EE;--err:#E0463F;--err-bg:#FDEBEA;--line:rgba(27,36,64,.1);--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--shadow-sm:0 2px 6px rgba(27,36,64,.06);--shadow:0 8px 24px rgba(27,36,64,.1);--shadow-lg:0 18px 48px rgba(27,36,64,.16);--shadow-orange:0 10px 22px rgba(224,84,46,.32);--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Hanken Grotesk",sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 85% -10%,rgba(245,126,94,.18),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(122,91,224,.1),transparent 55%),var(--cream);-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink)}h1{font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:800;line-height:1;margin:0}h2{font-size:1.55rem;font-weight:700;margin:0}h3{font-size:1.15rem;font-weight:700;margin:0}a{color:var(--orange-dark);font-weight:600;text-decoration:none}.wrap{max-width:1040px;margin:0 auto;padding:30px 20px 80px}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}}.muted{color:var(--ink-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.btn{font-family:var(--font-body);font-weight:700;font-size:1rem;border:none;cursor:pointer;border-radius:var(--r-pill);padding:13px 24px;transition:transform .08s,box-shadow .15s,background .15s;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--orange-2),var(--orange));color:#fff;box-shadow:var(--shadow-orange)}.btn-primary:hover{box-shadow:0 14px 28px #e0542e6b}.btn-ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{background:var(--surface-2);border-color:#1b24402e}.btn-block{width:100%}.btn-lg{font-size:1.1rem;padding:16px 30px}.input{font-family:var(--font-body);font-size:1.02rem;width:100%;background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);padding:13px 16px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #e0542e24}.input::placeholder{color:var(--ink-soft)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:6px 13px;border-radius:var(--r-pill)}.badge-soft{background:var(--peach);color:var(--orange-dark)}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-err{background:var(--err-bg);color:var(--err)}.pin{font-family:var(--font-display);font-weight:800;letter-spacing:.14em;font-size:clamp(2.6rem,8vw,4.4rem);color:var(--ink);background:var(--surface-2);border-radius:var(--r-md);padding:6px 22px;display:inline-block}.hero{border-radius:var(--r-xl);padding:46px 40px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#f47a3f,#e0542e 55%,#c2431f);box-shadow:var(--shadow-lg)}.hero h1{color:#fff}.hero p{color:#ffffffeb}.tile-accent{height:8px;border-radius:var(--r-pill);width:48px}.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;color:#fff;border:none;border-radius:var(--r-md);padding:20px 22px;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:transform .1s,filter .15s}.opt:hover{filter:brightness(1.05)}.opt:active{transform:scale(.98)}.opt:disabled{opacity:.85;cursor:default}.opt .k{width:34px;height:34px;border-radius:10px;background:#ffffff40;display:grid;place-items:center;font-weight:800}.opt-0{background:#e0463f}.opt-1{background:#3d7df6}.opt-2{background:#f5b53d}.opt-3{background:#1fb573}.opt-4{background:#7a5be0}.opt-5{background:#e0542e}.bar-row{margin:12px 0}.bar-track{height:18px;background:var(--surface-2);border-radius:var(--r-pill);overflow:hidden}.bar-fill{height:100%;border-radius:var(--r-pill);transition:width .5s cubic-bezier(.2,.8,.2,1);background:linear-gradient(90deg,var(--orange-2),var(--orange))}.logo-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,var(--orange-2),var(--orange));display:grid;place-items:center;font-size:26px;box-shadow:var(--shadow-orange)}.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.6rem;line-height:1}.tag{font-size:.78rem;color:var(--orange-dark);font-weight:700;letter-spacing:.02em}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.pop{animation:pop .25s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#1b24402e;border-radius:8px}