@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";*{box-sizing:border-box}body{color:#f5f1e8;background:radial-gradient(circle at 20% 0,#1b2e32 0%,#0b1416 55%,#070c0d 100%) fixed;min-height:100vh;margin:0;font-family:Inter,sans-serif}.page{max-width:920px;margin:0 auto;padding:48px 32px 96px}@media (width<=700px){.page{padding:32px 20px 80px}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.riseIn{animation:.55s cubic-bezier(.16,1,.3,1) both riseIn}.d1{animation-delay:50ms}.d2{animation-delay:.12s}.d3{animation-delay:.19s}.d4{animation-delay:.26s}.d5{animation-delay:.33s}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#e8b54d;opacity:.85;margin:0 0 8px;font-family:JetBrains Mono,monospace;font-size:12px}.title{letter-spacing:-.01em;background:linear-gradient(#fff 0%,#c9d6d6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 32px;font-family:Fraunces,serif;font-size:38px;font-weight:700}.glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0b 0%,#ffffff04 100%);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 8px 30px #00000059}.wallet-bar{justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;font-size:14px;display:flex}.wallet-addr{color:#9db4b4;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;display:flex}.dot{background:#5fe3a1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #5fe3a1}.btn{cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .2s,opacity .15s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{color:#1a1204;background:linear-gradient(#f5c567 0%,#e8b54d 100%);box-shadow:0 4px 14px #e8b54d47}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #e8b54d6b}.btn-ghost{color:#f5f1e8;background:#ffffff0d;border:1px solid #ffffff1f}.btn-ghost:hover:not(:disabled){background:#ffffff17}.btn-small{border-radius:8px;padding:8px 14px;font-size:13px}.position-card{margin-bottom:20px;padding:30px 26px;position:relative;overflow:hidden}.position-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8b54d29 0%,#0000 70%);width:260px;height:260px;position:absolute;top:-40%;right:-20%}.position-label{letter-spacing:.1em;text-transform:uppercase;color:#9db4b4;margin:0 0 6px;font-family:JetBrains Mono,monospace;font-size:12px}.position-value{color:#f5f1e8;font-variant-numeric:tabular-nums;z-index:1;margin:0 0 22px;font-family:JetBrains Mono,monospace;font-size:46px;font-weight:700;transition:color .5s;position:relative}.position-value.pulse{color:#e8b54d;animation:1.4s glow}@keyframes glow{0%{text-shadow:0 0 #e8b54d00}25%{text-shadow:0 0 24px #e8b54da6}to{text-shadow:0 0 #e8b54d00}}.position-grid{z-index:1;border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:16px;padding-top:18px;display:grid;position:relative}.stat-label{color:#9db4b4;margin:0 0 4px;font-size:12px}.stat-value{font-variant-numeric:tabular-nums;color:#f5f1e8;margin:0;font-family:JetBrains Mono,monospace;font-size:17px}.refresh-link{color:#9db4b4;cursor:pointer;z-index:1;background:0 0;border:none;margin-top:16px;padding:0;font-size:12px;text-decoration:underline;position:relative}.explainer{margin-bottom:20px;padding:24px 24px 26px}.explainer-title{margin:0 0 6px;font-family:Fraunces,serif;font-size:19px;font-weight:600}.explainer-sub{color:#9db4b4;margin:0 0 22px;font-size:13px;line-height:1.5}.formula-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.formula-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:13px}.formula-chip.assets{color:#e8b54d;border-color:#e8b54d66}.formula-chip.shares{color:#7fb8c9;border-color:#7fb8c966}.formula-op{color:#6b7f7f;font-family:JetBrains Mono,monospace}.bar-row{margin-bottom:14px}.bar-label{color:#9db4b4;justify-content:space-between;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.bar-track{background:#ffffff0f;border-radius:6px;height:10px;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.bar-fill.assets{background:linear-gradient(90deg,#e8b54d,#f5c567)}.bar-fill.shares{background:linear-gradient(90deg,#4e93a6,#7fb8c9)}.step{margin-bottom:16px;padding:20px 20px 22px;transition:border-color .2s}.step:hover{border-color:#ffffff29}.step-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.step-number{color:#1a1204;background:linear-gradient(#f5c567,#e8b54d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.step-title{margin:0;font-size:15px;font-weight:600}.step-desc{color:#9db4b4;margin:0 0 16px;font-size:13px;line-height:1.55}.input-row{gap:10px;margin-bottom:14px;display:flex}.amount-input{color:#f5f1e8;background:#00000040;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:11px 14px;font-family:JetBrains Mono,monospace;font-size:14px}.amount-input:focus{border-color:#e8b54d;outline:none}.btn-row{gap:10px;display:flex}.owner-tag{letter-spacing:.08em;color:#e8b54d;border:1px solid #e8b54d80;border-radius:4px;margin-left:auto;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:10px}.connect-wrap{text-align:center;padding:64px 24px}.connect-wrap p{color:#9db4b4;max-width:320px;margin-bottom:22px;margin-left:auto;margin-right:auto;font-size:14px}.nav{justify-content:space-between;align-items:center;margin-bottom:32px;padding:14px 20px;display:flex}.nav-brand{font-family:Fraunces,serif;font-size:18px;font-weight:600}.nav-links{gap:6px;display:flex}.nav-link{color:#9db4b4;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{color:#f5f1e8;background:#ffffff0d}.nav-link.active{color:#1a1204;background:linear-gradient(#f5c567,#e8b54d)}.inline-link{color:#e8b54d;text-decoration:underline}.attack-stage-label{color:#e8b54d;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:13px}.attack-visual{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.attack-box{background:#00000040;border:1px solid #ffffff14;border-radius:10px;padding:14px 16px;transition:border-color .3s}.attack-result{border-radius:10px;margin-top:4px;padding:14px 16px;font-size:13px;line-height:1.6;animation:.4s both riseIn}.attack-result.bad{color:#e39c9c;background:#dc50501a;border:1px solid #dc50504d}.attack-result.good{color:#b7e8ce;background:#5fe3a11a;border:1px solid #5fe3a14d}.predict-box{background:#0003;border:1px solid #ffffff14;border-radius:12px;margin-bottom:18px;padding:18px}.predict-question{margin:0 0 14px;font-size:14px;font-weight:600}.btn-ghost.selected{color:#e8b54d;background:#e8b54d1f;border-color:#e8b54d}.predict-feedback{border-radius:10px;margin-bottom:18px;padding:14px 16px;font-size:13px;line-height:1.6;animation:.4s both riseIn}.predict-feedback.correct{color:#b7e8ce;background:#5fe3a11a;border:1px solid #5fe3a14d}.predict-feedback.incorrect{color:#f0d9a8;background:#e8b54d1a;border:1px solid #e8b54d4d}.timeline{margin-bottom:18px}.timeline-card{border-radius:12px;margin-bottom:12px;padding:16px 16px 16px 28px;animation:.4s cubic-bezier(.16,1,.3,1) both riseIn;position:relative}.timeline-dot{background:#e8b54d;border-radius:50%;width:8px;height:8px;position:absolute;top:20px;left:10px;box-shadow:0 0 8px #e8b54d99}.timeline-label{color:#e8b54d;margin:0 0 6px;font-family:JetBrains Mono,monospace;font-size:13px}.timeline-note{color:#9db4b4;margin:0 0 12px;font-size:13px;line-height:1.5}.example-card{background:#0003;border:1px solid #ffffff14;border-radius:12px;margin-bottom:14px;padding:16px 18px}.example-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.example-name{font-family:Fraunces,serif;font-size:16px;font-weight:600}.example-tag{letter-spacing:.06em;text-transform:uppercase;color:#7fb8c9;border:1px solid #7fb8c966;border-radius:4px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:10px}.example-text{color:#c7d6d6;margin:0;font-size:13px;line-height:1.6}.benefit-split{border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;padding-top:18px;display:grid}.benefit-heading{color:#e8b54d;margin:0 0 8px;font-size:13px;font-weight:600}.benefit-text{color:#9db4b4;margin:0;font-size:13px;line-height:1.6}@media (width<=480px){.benefit-split{grid-template-columns:1fr}}.before-after-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:4px;display:grid}@media (width<=600px){.before-after-grid{grid-template-columns:1fr}.state-arrow{transform:rotate(90deg)}}.state-card{background:#0003;border:1px solid #ffffff14;border-radius:12px;padding:16px}.state-card.highlight{background:#e8b54d0f;border-color:#e8b54d66}.state-label{letter-spacing:.08em;text-transform:uppercase;color:#9db4b4;margin:0 0 12px;font-family:JetBrains Mono,monospace;font-size:11px}.state-arrow{color:#e8b54d;text-align:center;font-size:22px}.state-price{color:#f5f1e8;margin:12px 0 0;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.state-price.gold{color:#e8b54d}.demo-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=760px){.demo-layout{grid-template-columns:1fr}}.progress-track{align-items:center;margin-bottom:24px;padding:4px;display:flex}.progress-step{align-items:center;gap:8px;display:flex}.progress-dot{color:#9db4b4;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .3s;display:flex}.progress-step.done .progress-dot{color:#1a1204;background:linear-gradient(#f5c567,#e8b54d);border-color:#0000}.progress-label{color:#9db4b4;white-space:nowrap;font-size:12px}.progress-step.done .progress-label{color:#f5f1e8}.progress-line{background:#ffffff26;width:28px;height:1px;margin:0 6px}@media (width<=480px){.progress-line{width:12px}.progress-label{display:none}}.tx-status{border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:12px;animation:.3s both riseIn;display:flex}.tx-status.pending{color:#9ec9d6;background:#7fb8c91a}.tx-status.success{color:#b7e8ce;background:#5fe3a11a}.tx-spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tx-check{font-weight:700}.mono-small{font-family:JetBrains Mono,monospace;font-size:13px}.price-card{text-align:center;margin-bottom:20px;padding:24px 24px 20px}.price-value{color:#f5f1e8;margin:4px 0 10px;font-family:JetBrains Mono,monospace;font-size:38px;font-weight:700;transition:color .5s}.price-value.pulse{color:#e8b54d;animation:1.4s glow}.price-unit{color:#7c9494;font-size:16px}.price-sub{color:#9db4b4;margin:0;font-size:12px;line-height:1.5}.tx-status.error{color:#ff6b6b}.wrong-network{border:1px solid #ff6b6b;margin-bottom:12px;padding:12px}