:root{--ocean:#0f4c8a;--ocean-50:#dbeafe;--ocean-100:#bfdbfe;--ocean-ink:#072a54;--sky:#38bdf8;--coral:#f4845f;--coral-deep:#c95325;--paper:#fbf8f1;--white:#fff;--cream:#f4efe3;--line:#dde4ed;--line-strong:#b8cce0;--ink:#0a1628;--ink-2:#1e3a5f;--ink-3:#4a6b8a;--ink-4:#8daabf;--error-bg:#fee2e2;--error-fg:#b91c1c;--success-bg:#dcfce7;--success-fg:#15803d;--r-card:18px;--r-field:14px;--r-pill:999px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--ocean);text-decoration:none}a:hover{color:var(--ocean-ink)}input,textarea,select,button{font-family:inherit;font-size:15px}input:focus,textarea:focus,select:focus{outline:2px solid var(--sky);outline-offset:1px}button{cursor:pointer}.serif{font-family:Instrument Serif,Georgia,serif}.container{max-width:980px;margin:0 auto;padding:0 32px}.btn-primary{border-radius:var(--r-field);background:var(--ocean);height:52px;color:var(--white);border:none;padding:0 24px;font-size:15px;font-weight:700}.btn-primary:hover{background:var(--ocean-ink)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-radius:var(--r-pill);border:.5px solid var(--line-strong);background:var(--white);height:44px;color:var(--ink);padding:0 20px;font-size:14px;font-weight:700}.card{background:var(--white);border-radius:var(--r-card);border:.5px solid var(--line);box-shadow:0 2px 8px #0a16280f}.field-input{border:.5px solid var(--line-strong);border-radius:var(--r-field);background:var(--cream);width:100%;height:48px;color:var(--ink);padding:0 16px;font-size:15px}.field-textarea{border:.5px solid var(--line-strong);border-radius:var(--r-field);background:var(--cream);width:100%;min-height:140px;color:var(--ink);resize:vertical;padding:14px 16px;font-size:15px;line-height:1.5}.label{letter-spacing:1.5px;color:var(--ink-3);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.support-grid{grid-template-columns:1fr 300px;align-items:start;gap:48px;max-width:900px;padding:56px 32px;display:grid}.support-grid .support-aside{margin-top:96px}@media (width<=760px){.support-grid{grid-template-columns:1fr;gap:28px;padding:36px 20px}.support-grid .support-aside{margin-top:0}}.site-header{gap:32px;height:64px;padding:0 32px}.site-nav{gap:28px;display:flex}@media (width<=760px){.site-header{flex-wrap:wrap;gap:12px;height:auto;padding:12px 20px}.site-nav{flex-wrap:wrap;order:3;gap:18px;width:100%;font-size:13px}.site-cta{height:38px;padding:0 14px;font-size:13px}}.site-footer-grid{padding:44px 32px 28px}@media (width<=760px){.site-footer-grid{padding:32px 20px 24px}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-a{animation:4.5s ease-in-out infinite floatY}.float-b{animation:5.2s ease-in-out .6s infinite floatY}.float-c{animation:3.8s ease-in-out 1.2s infinite floatY}@keyframes driftA{0%,to{transform:translate(0)}50%{transform:translate(24px,16px)}}@keyframes driftB{0%,to{transform:translate(0)}50%{transform:translate(-20px,-14px)}}@keyframes driftC{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14px,-10px)scale(1.1)}}@keyframes driftSlow{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-30px,20px)rotate(6deg)}}.drift-a{animation:9s ease-in-out infinite driftA}.drift-b{animation:11s ease-in-out infinite driftB}.drift-c{animation:7s ease-in-out infinite driftC}.drift-slow{animation:16s ease-in-out infinite driftSlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseRing{0%,to{opacity:.07;transform:scale(1)}50%{opacity:.12;transform:scale(1.06)}}.spin-slow{animation:90s linear infinite spinSlow}.pulse-ring{animation:9s ease-in-out infinite pulseRing}.pulse-ring-2{animation:11s ease-in-out 1.5s infinite pulseRing}@keyframes marqueeX{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{gap:20px;width:max-content;animation:60s linear infinite marqueeX;display:flex}.marquee-mask{-webkit-mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee-photo{border:4px solid var(--cream);object-fit:cover;background:var(--ocean-50);border-radius:100px;flex-shrink:0;width:78px;height:78px}@keyframes coinFall{0%{opacity:0;transform:translateY(-140px)}8%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(520px)}}@keyframes coinFlip{0%{transform:rotateY(0)rotateX(8deg)}to{transform:rotateY(360deg)rotateX(8deg)}}@keyframes auraPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.18)}}.coin-fall{animation-name:coinFall;animation-timing-function:linear;animation-iteration-count:infinite}.coin-spin{transform-style:preserve-3d;animation-name:coinFlip;animation-timing-function:linear;animation-iteration-count:infinite}.coin-aura{animation:3.6s ease-in-out infinite auraPulse}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{opacity:0}.reveal.is-visible{animation:.7s cubic-bezier(.2,.8,.2,1) both fadeUp}@media (prefers-reduced-motion:reduce){.float-a,.float-b,.float-c,.drift-a,.drift-b,.drift-c,.drift-slow,.spin-slow,.pulse-ring,.pulse-ring-2,.marquee-track,.coin-fall,.coin-spin,.coin-aura{animation:none!important}.reveal,.reveal.is-visible{opacity:1;animation:none!important}.coin-fall{display:none}}.hero{background:var(--cream);border-bottom:.5px solid var(--line);padding:64px 32px 60px;position:relative;overflow:hidden}.hero-inner{z-index:1;align-items:center;gap:40px;max-width:980px;margin:0 auto;display:flex;position:relative}.hero-title{font-size:62px}.hero-art{object-fit:contain;z-index:3;flex-shrink:0;width:400px;height:400px;position:relative}.hero-blob{pointer-events:none;border-radius:100%;position:absolute}.hero-ring{border:1px solid var(--ink-2);opacity:.07;pointer-events:none;border-radius:100%;position:absolute}.photo-strip{background:var(--paper);border-bottom:.5px solid var(--line);padding:32px 0 34px;overflow:hidden}.topic-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px;display:grid}.topic-card{transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0a16281a}.band{background:var(--ocean-ink);padding:48px 32px;position:relative;overflow:hidden}.band-ring{opacity:.22;pointer-events:none;border:1px solid #9db3c9;border-radius:100%;position:absolute}.download-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:56px;max-width:1000px;padding:72px 32px;display:flex}.photo-cluster{flex-shrink:0;width:340px;height:340px;position:relative}.photo-cluster .photo-main{object-fit:cover;border:6px solid var(--paper);border-radius:100%;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 4px 14px #0a162833}.photo-cluster .photo-sm{border:5px solid var(--paper);object-fit:cover;border-radius:100%;position:absolute;box-shadow:0 4px 12px #0a162840}.steps-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step-photo{object-fit:cover;border:5px solid #24466f;border-radius:100%;width:118px;height:118px;margin-bottom:18px}@media (width<=760px){.hero{padding:40px 20px 44px}.hero-inner{flex-direction:column;align-items:flex-start;gap:24px}.hero-title{font-size:40px}.hero-art{align-self:center;width:240px;height:240px}.hero-coins{display:none}.topic-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:28px}.download-grid{gap:36px;padding:40px 20px}.photo-cluster{width:260px;height:260px}.band{padding:36px 20px}}.brandmark{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brandmark-tent{flex-shrink:0;width:42px;height:42px;display:block}.brandmark-text{color:var(--ink-2);letter-spacing:-.4px;white-space:nowrap;font-size:25px;font-weight:700;line-height:1}.brandmark-text em{color:var(--ocean);font-family:Instrument Serif,Georgia,serif;font-size:1.14em;font-style:italic;font-weight:400}.brandmark:hover .brandmark-text{color:var(--ocean-ink)}.brandmark-lg .brandmark-tent{width:54px;height:54px}.brandmark-lg .brandmark-text{font-size:30px}@media (width<=760px){.brandmark-tent{width:34px;height:34px}.brandmark-text{font-size:21px}.brandmark-lg .brandmark-tent{width:44px;height:44px}.brandmark-lg .brandmark-text{font-size:25px}}.topic-card{padding:22px;display:block}.topic-card-title{color:var(--ocean);margin-bottom:6px;font-size:21px;line-height:1.15}.topic-card:hover .topic-card-title{color:var(--ocean-ink)}
