:root{--bg: #0b1220;--bg-2: #111a2e;--panel: #151f32;--panel-2: #1a2438;--line: #2a3650;--text: #e7ecf5;--mute: #8b9bb8;--blue: #3498db;--blue-2: #5dade2;--green: #3dd68c;--danger: #f07178;--radius: 12px;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font);background:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(52,152,219,.14),transparent 55%),linear-gradient(180deg,#0d1526 0%,var(--bg) 40%,#0a101c 100%);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.page{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,3vw,2rem);background:#111a2eeb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.7rem}.brand-mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,var(--blue),#1b4f72);display:grid;place-items:center;font-weight:700;font-size:.85rem;letter-spacing:.04em}.brand-text strong{display:block;font-size:1.05rem;font-weight:600}.brand-text span{display:block;color:var(--mute);font-size:.78rem}.nav-meta{display:flex;align-items:center;gap:.6rem;color:var(--mute);font-size:.85rem}.pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:.35rem .7rem;color:var(--blue-2);font-size:.78rem}.hero-band{position:relative;overflow:hidden;padding:clamp(1.75rem,5vw,2.75rem) clamp(1rem,3vw,2rem) 1.5rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 30%,rgba(52,152,219,.08),transparent 40%),linear-gradient(180deg,#121b2f,#0e1626)}.hero-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='240' viewBox='0 0 800 240'%3E%3Cpath fill='none' stroke='%233498db' stroke-opacity='0.18' stroke-width='1' d='M0 140 C80 90 120 180 200 130 S340 60 420 120 560 200 640 130 760 80 800 110'/%3E%3Cpath fill='none' stroke='%235dade2' stroke-opacity='0.12' stroke-width='1' d='M0 180 C100 150 160 210 240 170 S400 110 480 160 620 210 700 150 780 120 800 140'/%3E%3C/svg%3E");background-size:cover;background-position:center;pointer-events:none}.hero-inner{position:relative;width:min(920px,100%);margin:0 auto;animation:fade .45s ease both}.steps{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.step-chip{font-size:.75rem;color:var(--mute);border:1px solid var(--line);background:#151f32b3;border-radius:999px;padding:.3rem .65rem}.step-chip.on{color:var(--text);border-color:#3498db8c;background:#3498db1f}.hero-inner h1{margin:0;font-size:clamp(1.55rem,3.5vw,2rem);font-weight:600;letter-spacing:-.02em}.hero-inner p{margin:.55rem 0 0;color:var(--mute);max-width:42rem;line-height:1.5;font-size:.98rem}.main{width:min(920px,calc(100% - 2rem));margin:0 auto;padding:1.35rem 0 2.5rem;display:grid;gap:1rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;animation:fade .5s ease .05s both}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}.stat.square{display:flex;align-items:center;gap:.85rem;min-height:96px}.stat.square.active{border-color:#3498dbb3;background:#3498db1a}.stat-icon{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:#0f1728;display:grid;place-items:center;font-weight:700;color:var(--blue-2);flex-shrink:0}.stat label{display:block;color:var(--mute);font-size:.75rem;margin-bottom:.2rem}.stat strong{font-size:1.05rem;font-weight:600}.stat span{display:block;margin-top:.15rem;color:var(--mute);font-size:.8rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.1rem,2.5vw,1.5rem);animation:fade .55s ease .08s both}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.9rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.card-head h2{margin:0;font-size:1rem;font-weight:600}.card-head span{color:var(--mute);font-size:.8rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.field{display:grid;gap:.4rem;margin-bottom:.9rem}.field.full{grid-column:1 / -1}.field label{font-size:.82rem;color:#b7c3db}.field input,.field textarea{width:100%;border:1px solid var(--line);background:#0f1728;border-radius:8px;padding:.78rem .85rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{min-height:84px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#3498dbb3;box-shadow:0 0 0 3px #3498db26}.field input.mono{font-family:var(--mono);font-size:.88rem}.hint{color:var(--mute);font-size:.8rem}.coins{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.coin{border:1px solid var(--line);background:#0f1728;border-radius:10px;padding:.85rem .7rem;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.coin.square{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:120px;padding:1rem}.coin-badge{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;color:var(--blue-2);background:#3498db14}.coin:hover{transform:translateY(-1px);border-color:#3498db73}.coin.active{border-color:var(--blue);background:#3498db1f}.coin strong{display:block;font-size:1.15rem;margin-bottom:.1rem}.coin em{font-style:normal;color:var(--mute);font-size:.78rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.btn{border:1px solid transparent;border-radius:8px;padding:.72rem 1.1rem;cursor:pointer;font-weight:600;font-size:.9rem;transition:transform .12s ease,opacity .12s ease,background .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#2e86c1}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}.pay-box{border:1px solid var(--line);background:#0f1728;border-radius:10px;padding:1rem;margin-bottom:1rem}.pay-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.pay-row:last-of-type{border-bottom:0}.pay-row span{color:var(--mute);font-size:.85rem}.pay-row strong.mono{font-family:var(--mono);font-size:.9rem;word-break:break-all;text-align:right}.copy-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.copy-row input{width:100%;border:1px solid var(--line);background:#0b1220;border-radius:8px;padding:.78rem .85rem}.error{margin-top:.9rem;border:1px solid rgba(240,113,120,.4);background:#f0717814;color:#ffb4b8;border-radius:8px;padding:.75rem .9rem;font-size:.9rem}.meta{display:grid}.row{display:grid;grid-template-columns:9rem 1fr;gap:.75rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row span{color:var(--mute);font-size:.82rem}.row strong{font-weight:500;word-break:break-all}.row strong.mono{font-family:var(--mono);font-size:.88rem}.ok{color:var(--green)}.foot{border-top:1px solid var(--line);padding:1rem clamp(1rem,3vw,2rem);display:flex;justify-content:space-between;gap:.75rem;color:var(--mute);font-size:.8rem;background:#111a2ecc}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.stats,.grid-2,.coins{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:.2rem}.foot{flex-direction:column}}