:root{--bg:#050b16;--panel:#0b1627;--gold:#f4bd4f;--green:#18d18f;--muted:#9aa8bd;--white:#fff;--line:rgba(255,255,255,.10)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,"Microsoft YaHei",sans-serif;background:var(--bg);color:var(--white);line-height:1.6}
.site-bg{position:fixed;inset:0;background:radial-gradient(circle at 82% 5%,rgba(22,163,129,.22),transparent 22%),radial-gradient(circle at 50% 10%,rgba(244,189,79,.11),transparent 25%),linear-gradient(180deg,#07101e,#050b16);z-index:-1}
.nav{height:76px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:rgba(5,11,22,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px}
.mark{width:42px;height:42px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:900}
.brand strong{display:block;font-size:23px;color:var(--gold);letter-spacing:.5px}.brand span{display:block;font-size:12px;color:#c8d3e4}
.desktop-nav{display:flex;gap:30px}.desktop-nav a,.mobile-menu a{color:#dce6f6;text-decoration:none;font-weight:600}
.nav-actions{display:flex;align-items:center;gap:12px}.ghost,.solid{padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:700}.ghost{border:1px solid var(--line);color:#fff}.solid{background:var(--gold);color:#111}
.menu-btn{display:none;background:transparent;border:0;color:var(--gold);font-size:28px}
.mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;background:#07101e;border-bottom:1px solid var(--line);padding:20px;z-index:19}.mobile-menu a{display:block;padding:13px 10px}
.hero{padding:34px 42px 28px}.notice{display:inline-flex;gap:16px;align-items:center;color:#cbd8ea;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:9px 14px;margin-bottom:30px}
.notice span{background:rgba(244,189,79,.14);color:var(--gold);border:1px solid rgba(244,189,79,.25);border-radius:8px;padding:3px 12px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.eyebrow,.section-title p{letter-spacing:2px;color:var(--gold);font-size:13px;font-weight:800}
.hero h1{font-size:72px;line-height:1.08;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold)}.subtitle{color:#d4dfef;font-size:18px;max-width:760px}
.hero-points{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0}.hero-points div{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:14px;padding:16px}.hero-points b{display:block}.hero-points span{color:var(--muted);font-size:13px}
.btn{border:0;display:inline-block;text-decoration:none;border-radius:12px;padding:15px 30px;font-weight:900;cursor:pointer}.primary,.full{background:linear-gradient(135deg,#ffcf72,#e8a731);color:#111}.outline{border:1px solid rgba(244,189,79,.55);color:var(--gold);margin-left:12px}
.market-panel,.left-card,.center-card,.calc-card,.kyc-form,.risk-card{background:rgba(12,25,43,.82);border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.32)}
.market-panel{padding:24px}.panel-head,.record-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head span,.record-head a{color:var(--muted);font-size:13px}
.price-box{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px}.price-box div{padding:24px}.price-box div+div{border-left:1px solid var(--line)}
.price-box small{display:block;color:#dce6f6;margin-bottom:8px}.price-box strong{display:block;font-size:34px;color:var(--green)}.price-box .gold{color:var(--gold)}.price-box span{font-size:13px;color:var(--muted)}
.why-box{background:rgba(255,255,255,.04);border-radius:14px;padding:20px}.why-box h4{margin-bottom:10px}.why-box li{margin:8px 0 0 20px;color:#cbd8ea}
.process-strip,.trade-section,.kyc-section{padding:42px}.process-strip{background:rgba(255,255,255,.025);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-strip h2,.section-title h2{font-size:34px}.process-strip h2 span{font-size:18px;color:var(--muted);font-weight:400}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:22px}.steps div{padding:22px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:14px}.steps i{color:var(--gold);font-style:normal;font-weight:900}.steps b{display:block;margin:10px 0}.steps p{color:var(--muted);font-size:14px}
.section-title{text-align:center;margin-bottom:28px}.trade-grid{display:grid;grid-template-columns:280px 1fr 360px;gap:20px}.left-card,.center-card,.calc-card{padding:22px}
.pay-method{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:14px;padding:18px;margin-top:14px}.pay-method.active{border-color:rgba(24,209,143,.55);box-shadow:inset 0 0 20px rgba(24,209,143,.08)}.pay-method strong,.pay-method span{display:block}.pay-method span{color:var(--muted);font-size:13px;margin-top:4px}
.security-mini{margin-top:24px}.security-mini div{padding:10px 0;border-bottom:1px solid var(--line);color:#d9e4f5}
.deal-list div{display:grid;grid-template-columns:1fr 1fr 1fr 88px;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.deal-list label{background:rgba(24,209,143,.12);border:1px solid rgba(24,209,143,.4);color:var(--green);border-radius:6px;text-align:center;padding:3px 6px}.deal-list .pending{color:var(--gold);border-color:rgba(244,189,79,.45);background:rgba(244,189,79,.12)}.deal-list .review{color:#5aa7ff;border-color:rgba(90,167,255,.45);background:rgba(90,167,255,.12)}
.calc-card label,.form-row label{display:block;color:#dce6f6;margin:14px 0 8px}.input-row{display:flex;background:#081222;border:1px solid var(--line);border-radius:12px;overflow:hidden}.input-row input,.calc-card select,.form-row input,.form-row select{width:100%;background:#081222;border:1px solid var(--line);color:#fff;border-radius:12px;padding:14px;outline:0}.input-row input{border:0}.input-row span{padding:14px;color:#dce6f6}
.calc-result{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;margin:18px 0;padding:18px}.calc-result small{display:block;color:var(--muted)}.calc-result strong{display:block;color:var(--gold);font-size:26px;margin:4px 0 14px}.full{width:100%;font-size:16px}.trc-tip{font-size:13px;color:var(--muted);margin-top:12px}
.kyc-section{background:#f7f9fc;color:#111}.kyc-grid{display:grid;grid-template-columns:1fr 420px;gap:22px}.kyc-form,.risk-card{background:#fff;color:#111;padding:26px;border-color:#e6ebf2;box-shadow:none}.form-row{margin-bottom:14px}.form-row input,.form-row select{background:#f6f8fb;color:#111;border-color:#dfe6ef}
.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.upload-box{border:1px dashed #a8b4c5;background:#f6f8fb;border-radius:14px;height:110px;display:grid;place-items:center;color:#66758a;text-align:center}
.check{display:flex!important;gap:10px;align-items:flex-start;color:#4b5563;margin:18px 0!important}.risk-card h3{font-size:24px;margin-bottom:12px}.risk-card p,.risk-card li{color:#4b5563;margin-bottom:10px}.risk-card ul{padding-left:20px}.whatsapp{display:block;background:#18d18f;color:#07101e;text-decoration:none;text-align:center;border-radius:12px;padding:14px;margin-top:18px;font-weight:900}
.warning{margin:0 42px 42px;padding:20px;border-radius:14px;background:rgba(244,189,79,.13);border:1px solid rgba(244,189,79,.35);color:#f5d28a}
footer{display:flex;justify-content:space-between;gap:30px;padding:36px 42px;background:#030814;border-top:1px solid var(--line);color:#cbd8ea}footer h3{color:var(--gold)}.socials span{display:inline-block;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:8px 12px;border-radius:8px;margin-left:6px}
@media(max-width:1000px){.desktop-nav,.nav-actions .ghost,.nav-actions .solid{display:none}.menu-btn{display:block}.nav{padding:0 18px}.hero,.trade-section,.kyc-section,.process-strip{padding:24px 16px}.hero-grid,.trade-grid,.kyc-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.hero-points{grid-template-columns:repeat(2,1fr)}.price-box{grid-template-columns:1fr}.price-box div+div{border-left:0;border-top:1px solid var(--line)}.steps{grid-template-columns:1fr}.deal-list div{grid-template-columns:1fr 1fr;gap:6px}.upload-grid{grid-template-columns:1fr}footer{display:block;text-align:center}footer>div{margin-bottom:20px}.mobile-menu.show{display:block}.outline{margin-left:0;margin-top:12px}.btn{width:100%;text-align:center}.hero-buttons{display:grid;gap:12px}}