@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap");:root{--ink-900:#0f1729;--ink-800:#1f2b44;--ink-600:#3e4d6e;--text:#162033;--muted:#5f6f90;--line:#d7dfec;--line-strong:#c2cee2;--surface:#fff;--surface-soft:#f4f7fd;--surface-tint:#eef3ff;--brand:#1f63ff;--brand-strong:#194ccd;--brand-soft:#e8efff;--teal:#0ea5a4;--danger:#c0392b;--ok:#117d4f;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--shadow-sm:0 10px 24px rgba(17,27,55,.08);--shadow-md:0 18px 42px rgba(17,27,55,.13);--shadow-lg:0 28px 68px rgba(17,27,55,.18);--focus:rgba(31,99,255,.52);--page-bg:radial-gradient(1300px 700px at 110% -5%,#dce9ff 0%,transparent 60%),radial-gradient(1100px 500px at -10% 0%,#d6f4f0 0%,transparent 58%),linear-gradient(180deg,#f8fbff,#f2f6ff);--page-scheme:light;--font-body:"Manrope","Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--font-display:"Space Grotesk","Manrope","Avenir Next",sans-serif}@layer reset, base;@layer reset{*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}:where(button,input,textarea,select){font:inherit;color:inherit}:where(button){cursor:pointer}:where(textarea){resize:vertical}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}@layer base{html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text);background:var(--page-bg);color-scheme:var(--page-scheme)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em}::selection{background:var(--brand-soft);color:var(--ink-900)}.app-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.surface{background:var(--surface)}.surface,.surface-soft{border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.surface-soft{background:linear-gradient(180deg,#fff,var(--surface-soft))}.badge{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700;padding:6px 10px}.badge,.btn{border-radius:999px;border:1px solid var(--line-strong);background:#fff}.btn{font-weight:800;padding:12px 18px;color:var(--ink-900);transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px);border-color:#b6c4e1;box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.65;transform:none;box-shadow:none;cursor:default}.btn-primary{background:linear-gradient(140deg,var(--brand),var(--brand-strong));border-color:transparent;color:#fff;box-shadow:0 16px 32px rgba(25,76,205,.3)}.btn-primary:hover{box-shadow:0 22px 44px rgba(25,76,205,.36);border-color:transparent}.btn-ghost{background:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input,.select,.textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#fff;padding:11px 12px;font-size:14px;line-height:1.4;color:var(--text);transition:border-color .14s ease,box-shadow .14s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:rgba(31,99,255,.72);box-shadow:0 0 0 4px rgba(31,99,255,.16)}.label{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted);font-weight:700}.kicker{margin:0;color:var(--brand-strong);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}}