:root{color-scheme:dark;--bg:#101115;--paper:#f4efe7;--ink:#f6f3ec;--muted:#a9a9b3;--line:rgba(255,255,255,0.14);--panel:rgba(255,255,255,0.08);--coral:#ff6b5f;--mint:#5de0b1;--gold:#f6c85f;--blue:#72a7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 0,rgba(255,107,95,.22),transparent 34rem),radial-gradient(circle at 88% 14%,rgba(93,224,177,.18),transparent 32rem),linear-gradient(135deg,#111216,#1b1a20 52%,#111216);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.hero{min-height:720px;flex-direction:column;gap:64px}.hero,.heroGrid,.nav,.recentHeader,.stats,.steps{display:flex}.nav{justify-content:space-between}.brandMark,.nav{align-items:center}.brandMark{display:flex;font-weight:900;font-size:1.1rem;letter-spacing:-.02em;color:var(--ink)}.ghostButton,.primaryButton,.walletButton{border:0;border-radius:8px;cursor:pointer;font-weight:800}.ghostButton,.walletButton{color:var(--ink);border:1px solid var(--line);background:rgba(255,255,255,.08);padding:12px 16px}.heroGrid{flex:1 1;align-items:center;gap:54px}.copy,.panel{flex:1 1}.eyebrow,.sectionKicker{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin:0}h1{margin-top:16px;max-width:620px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.4;letter-spacing:-.01em}.lead{margin-top:28px;color:#d7d4ce;font-size:1.13rem;line-height:1.75;max-width:640px}.stats{margin-top:36px;gap:12px;flex-wrap:wrap}.stats div{min-width:150px;border:1px solid var(--line);background:rgba(255,255,255,.07);padding:16px;border-radius:8px}.changeCard span,.preview span,.stats span{display:block;color:var(--muted);font-size:.82rem}.stats strong{display:block;margin-top:6px}.panel{max-width:460px;background:rgba(20,21,26,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.26)}.panel,.preview{border:1px solid var(--line);border-radius:8px}.preview{display:flex;align-items:center;gap:16px;padding:14px;background:rgba(255,255,255,.06);margin-bottom:18px}.changeCard img,.preview img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:var(--paper)}.preview strong{display:block;margin-top:5px;font-size:1.3rem}.preview em{color:var(--gold);font-style:normal;font-weight:800}label{display:block;margin-top:14px;color:#d7d4ce;font-size:.9rem;font-weight:800}input{width:100%;height:48px;margin-top:8px;border:1px solid var(--line);outline:none;border-radius:8px;padding:0 14px;background:rgba(255,255,255,.08);color:var(--ink)}input:focus{border-color:var(--mint)}.primaryButton{width:100%;height:52px;margin-top:22px;background:linear-gradient(90deg,var(--coral),var(--gold));color:#151416}.primaryButton:disabled{opacity:.48;cursor:not-allowed}.status{margin-top:14px;color:#d7d4ce;line-height:1.5;font-size:.92rem;overflow-wrap:anywhere}.howItWorks,.recent{padding:44px 0 0}.howItWorks h2,.recent h2{margin-top:10px;font-size:clamp(1.4rem,2.5vw,2rem);font-family:Georgia,Times New Roman,serif;letter-spacing:0}.steps{gap:14px;margin-top:24px}.steps article{flex:1 1;min-height:176px;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:8px;padding:22px}.steps article span{color:var(--blue);font-weight:900}.steps h3{margin-top:22px;font-size:1.35rem}.steps p{margin-top:10px;color:var(--muted);line-height:1.6}.recentHeader{align-items:flex-end;justify-content:space-between;gap:18px}.changeScroller{margin-top:24px;display:flex;gap:14px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.changeCard,.emptyState{min-width:280px;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:8px}.changeCard{display:flex;gap:14px;padding:16px;scroll-snap-align:start}.changeCard h3{font-size:1.05rem}.changeCard p{margin-top:4px;color:var(--gold);font-weight:900}.changeCard span{margin-top:10px}.emptyState{padding:22px;color:var(--muted)}@media (max-width:860px){.hero{gap:36px}.heroGrid,.steps{flex-direction:column}.panel{max-width:none}h1{font-size:clamp(1.3rem,4.5vw,1.8rem)}}