.cc-page{max-width:1280px;margin:0 auto;padding:28px 24px 80px;font-family:Inter,sans-serif;color:var(--text, #fff)}.cc-header{text-align:center;padding:16px 0 28px}.cc-header .back-link{display:inline-block;color:var(--text2, #aab);font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none;margin-bottom:18px;padding:4px 10px;border:1px solid var(--card-border, rgba(255,255,255,.08));border-radius:6px;transition:all .2s}.cc-header .back-link:hover{color:var(--accent, #FF6B00);border-color:#ff6b004d}.cc-header .header-icon{font-size:38px;margin-bottom:8px}.cc-header h1{font-family:Orbitron,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:1px;line-height:1.2;margin:0 0 12px;color:var(--text, #fff)}.cc-header h1 .grad{background:linear-gradient(135deg,#ff4500,orange,gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cc-header .subtitle{color:var(--text2, #aab);font-size:14.5px;margin:0}.cc-form{background:var(--card, rgba(255,255,255,.025));border:1px solid var(--card-border, rgba(255,255,255,.07));border-radius:12px;padding:22px;margin-bottom:22px}.cc-coin-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}@media(max-width:540px){.cc-coin-tabs{grid-template-columns:repeat(3,1fr)}}.cc-coin-tab{padding:12px 14px;background:var(--bg2, rgba(255,255,255,.03));border:2px solid var(--card-border, rgba(255,255,255,.08));color:var(--coin-color, var(--text, #fff));font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;border-radius:8px;cursor:pointer;transition:all .2s}.cc-coin-tab:hover{transform:translateY(-1px)}.cc-coin-tab.active{border-color:var(--coin-color, var(--accent, #FF6B00));background:color-mix(in oklab,var(--coin-color, #FF6B00) 12%,transparent)}.cc-inputs{display:grid;grid-template-columns:1fr 140px auto;gap:12px;align-items:end;margin-bottom:16px}@media(max-width:720px){.cc-inputs{grid-template-columns:1fr}}.cc-field label{display:block;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:1.5px;color:var(--text3, #667);margin-bottom:6px}.cc-field input,.cc-field select{width:100%;padding:12px 14px;background:var(--bg2, rgba(255,255,255,.03));color:var(--text, #fff);border:1px solid var(--card-border, rgba(255,255,255,.08));border-radius:8px;font-family:JetBrains Mono,monospace;font-size:16px;box-sizing:border-box;transition:all .2s}.cc-field input:focus,.cc-field select:focus{outline:none;border-color:var(--accent, #FF6B00);background:#ff6b000a}.calc-btn{padding:13px 28px;background:linear-gradient(135deg,#ff4500,#ff6b00);color:var(--text, #fff);font-family:Orbitron,sans-serif;font-size:13px;font-weight:800;letter-spacing:2px;border:0;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.calc-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #ff6b004d}.cc-result{margin-top:16px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.rcard{padding:14px 16px;border-radius:10px;background:var(--bg2, rgba(255,255,255,.03));border:1px solid var(--card-border, rgba(255,255,255,.07))}.rcard-hero{grid-column:span 2;padding:22px 24px;text-align:center;border-color:var(--coin-color, #FF6B00);background:color-mix(in oklab,var(--coin-color, #FF6B00) 6%,var(--bg2, rgba(255,255,255,.03)))}@media(max-width:540px){.rcard-hero{grid-column:span 1}}.rcard-lbl{font-family:Orbitron,sans-serif;font-size:9.5px;letter-spacing:1.5px;color:var(--text3, #667);margin-bottom:4px}.rcard-val{font-family:Orbitron,sans-serif;font-size:20px;font-weight:900;color:var(--text, #fff);margin-bottom:4px}.rcard-eta{font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:var(--coin-color, #FF6B00);margin:8px 0;letter-spacing:1px}.rcard-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text3, #667)}.result-disclaimer{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--text3, #667);padding:12px 16px;background:#ff6b000a;border-radius:8px;line-height:1.6;margin-top:8px}.loading{padding:30px;text-align:center;color:var(--text3, #667);font-family:JetBrains Mono,monospace;font-size:13px}.error{padding:24px;text-align:center;color:#f44336;font-family:JetBrains Mono,monospace;font-size:13px;background:#f4433614;border-radius:10px;border:1px solid rgba(244,67,54,.2)}.cc-section{background:var(--card, rgba(255,255,255,.025));border:1px solid var(--card-border, rgba(255,255,255,.07));border-radius:12px;padding:24px;margin-bottom:22px}.section-title{font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--accent, #FF6B00);text-align:center;margin:0 0 22px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}@media(max-width:920px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.steps-grid{grid-template-columns:1fr}}.step-card{padding:22px 18px;border-radius:12px;background:var(--bg2, rgba(255,255,255,.03));border:1px solid var(--card-border, rgba(255,255,255,.07));text-align:center}.step-icon{font-size:32px;margin-bottom:10px}.step-num{font-family:Orbitron,sans-serif;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--accent, #FF6B00);margin-bottom:8px}.step-desc{font-size:12.5px;color:var(--text2, #aab);line-height:1.55}.step-desc code{background:#ff6b0014;color:var(--accent2, #FFD700);padding:1px 6px;border-radius:4px;font-size:11.5px}.cta-wrap{text-align:center}.cta-btn{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#ff4500,gold);color:var(--text, #fff);font-family:Orbitron,sans-serif;font-size:14px;font-weight:800;letter-spacing:2.5px;border-radius:10px;text-decoration:none;transition:all .25s;box-shadow:0 4px 20px #ff6b004d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff6b0066}.cc-footer{text-align:center;padding:28px 0 0}.cc-footer .footer-brand{font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;letter-spacing:3px;color:var(--text, #fff);margin-bottom:6px}.cc-footer .footer-meta{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--text3, #667)}
