:root{color-scheme:dark;--bg:#080700;--panel:#151204;--panel2:#211b05;--line:#45380b;--bnb:#f3ba2f;--bnb2:#ffd76a;--amber:#ff9f1a;--text:#fff8df;--muted:#b9a76d;--shadow:rgba(243,186,47,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(243,186,47,.22),transparent 28%),radial-gradient(circle at 90% 0,rgba(255,159,26,.12),transparent 30%),linear-gradient(180deg,#0b0900,#050500 60%,#090800);color:var(--text);font-family:Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(243,186,47,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(243,186,47,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 5vw;background:rgba(8,7,0,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.03em}.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--bnb);color:#191300;font-size:14px;box-shadow:0 0 36px var(--shadow)}nav{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px}nav a{padding:10px 13px;border:1px solid transparent;border-radius:999px}nav a:hover{border-color:var(--line);color:var(--bnb)}.hero{min-height:76vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:34px;align-items:center;padding:48px 5vw 28px}.eyebrow{margin:0 0 14px;color:var(--bnb);font-size:12px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}.hero h1{max-width:980px;margin:0;font-size:clamp(48px,8vw,112px);line-height:.88;letter-spacing:-.08em;text-wrap:balance}.lead{max-width:820px;color:var(--muted);font-size:20px;line-height:1.65}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn,button{border:0;border-radius:999px;padding:14px 21px;font-weight:950;cursor:pointer;transition:.2s transform,.2s box-shadow}.btn:hover,button:hover{transform:translateY(-2px)}.primary,button{background:linear-gradient(135deg,var(--bnb),var(--bnb2));color:#1c1500;box-shadow:0 14px 34px var(--shadow)}.secondary{border:1px solid var(--bnb);color:var(--bnb);background:rgba(243,186,47,.06)}.hero-card,.feature-card{position:relative;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,rgba(33,27,5,.94),rgba(11,9,0,.98));box-shadow:0 34px 110px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.hero-card:before,.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(243,186,47,.16),transparent 36%);pointer-events:none}.hero-card{min-height:400px;padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-card strong{font-size:76px;letter-spacing:-.08em;color:var(--bnb)}.hero-card p,.hero-card span{color:var(--muted)}.bnb-cube{position:relative;width:108px;height:108px;margin-bottom:24px;filter:drop-shadow(0 0 28px var(--shadow))}.bnb-cube span,.bnb-cube i{position:absolute;background:var(--bnb);transform:rotate(45deg);border-radius:8px}.bnb-cube i{width:34px;height:34px;left:37px;top:37px;background:#1b1400;box-shadow:inset 0 0 0 8px var(--bnb)}.bnb-cube span{width:30px;height:30px}.bnb-cube span:nth-child(1){left:39px;top:0}.bnb-cube span:nth-child(2){right:0;top:39px}.bnb-cube span:nth-child(3){left:39px;bottom:0}.bnb-cube span:nth-child(4){left:0;top:39px}.mini-metrics{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.mini-metrics em{font-style:normal;border:1px solid var(--line);background:#0b0900;border-radius:999px;padding:9px 12px;color:var(--bnb)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 5vw 34px}.ticker{grid-column:1/-1;display:flex;gap:12px;overflow:hidden;color:#1b1400;font-weight:950}.ticker span{background:var(--bnb);border-radius:999px;padding:9px 14px;white-space:nowrap}.stats article{border:1px solid var(--line);background:linear-gradient(180deg,#181303,#0b0900);border-radius:26px;padding:24px}.stats b{display:block;font-size:34px;color:var(--bnb);letter-spacing:-.04em}.stats span{color:var(--muted)}.split,.engine,.refund-panel,.dashboard{margin:28px 5vw;padding:34px}.split,.refund-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.split h2,.section-head h2,.refund-panel h2{font-size:clamp(34px,4vw,62px);line-height:.98;margin:0 0 16px;letter-spacing:-.055em}.split p,.engine p,.refund-panel p{color:var(--muted);line-height:1.7}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rule-grid article,.flow article,.timer-card,.progress-card,.allocation-card{border:1px solid var(--line);background:rgba(8,7,0,.72);border-radius:24px;padding:24px}.rule-grid span{color:var(--bnb);font-weight:950}.rule-grid h3{font-size:24px;margin:8px 0}.flow{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;align-items:stretch;gap:10px;margin-top:20px}.flow i{align-self:center;height:2px;background:linear-gradient(90deg,var(--bnb),transparent)}.flow b{font-size:24px;color:var(--bnb)}.timer-card strong{display:block;font-size:62px;color:var(--bnb);letter-spacing:-.06em}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.progress-label{display:flex;justify-content:space-between;gap:20px}.bar{height:20px;background:#080700;border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;width:42.1%;background:linear-gradient(90deg,var(--bnb),var(--amber));box-shadow:0 0 24px var(--shadow)}.quick-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}label{display:grid;gap:8px;color:var(--muted);font-weight:800}input{width:100%;border:1px solid var(--line);border-radius:18px;background:#080700;color:var(--text);font:inherit;padding:14px}code{color:var(--bnb);word-break:break-all}.allocation{display:grid;gap:10px;margin:18px 0}.allocation span{display:block;width:var(--w);min-width:170px;border-radius:999px;padding:13px 15px;background:linear-gradient(135deg,var(--bnb),var(--bnb2));color:#1b1400;font-weight:950}li{margin:10px 0;color:var(--muted)}footer{padding:40px 5vw;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:900px){.topbar,.split,.refund-panel{display:block}.hero,.stats,.dash-grid,.rule-grid,.flow{grid-template-columns:1fr}.hero{padding-top:34px}.hero h1{font-size:52px}nav{flex-wrap:wrap;margin-top:14px}.flow i{height:28px;width:2px;margin:auto}.stats{padding-top:20px}.hero-card strong{font-size:54px}}
.intro-band{margin:28px 5vw;padding:34px}.intro-band h2{font-size:clamp(34px,4vw,60px);line-height:.98;letter-spacing:-.055em;margin:0 0 16px}.intro-band p{max-width:1050px;color:var(--muted);font-size:18px;line-height:1.75}.token-raise-card{padding:0;min-height:500px;isolation:isolate}.token-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.78)),linear-gradient(90deg,rgba(8,7,0,.58),rgba(243,186,47,.10)),url('assets/fair-cz-token.jpg') center/cover no-repeat;filter:saturate(1.05) contrast(1.18) brightness(.92);transform:scale(1.035)}.token-raise-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 28%,rgba(255,151,31,.22),transparent 24%),linear-gradient(180deg,transparent,rgba(8,7,0,.88));z-index:0}.token-overlay{position:relative;z-index:1;min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px}.token-overlay h2{font-size:clamp(48px,6vw,82px);line-height:.9;margin:0 0 12px;letter-spacing:-.08em;color:var(--bnb)}.token-overlay p{max-width:360px;color:#fff7d7;text-shadow:0 2px 14px #000}.token-overlay strong{font-size:64px;color:#fff;letter-spacing:-.06em;text-shadow:0 4px 24px #000}.token-overlay span{color:#ffd36d}.hero-card.token-raise-card p,.hero-card.token-raise-card span{color:#ffd36d}.token-raise-card .mini-metrics em{background:rgba(8,7,0,.72);backdrop-filter:blur(8px)}@media(max-width:900px){.token-raise-card,.token-overlay{min-height:430px}.token-overlay strong{font-size:48px}.intro-band{margin:18px 5vw;padding:24px}}
.presale-front{margin-top:-10px;margin-bottom:22px;border-color:rgba(243,186,47,.55);background:linear-gradient(180deg,rgba(45,35,6,.96),rgba(10,8,0,.98));box-shadow:0 34px 120px rgba(243,186,47,.16),0 26px 90px rgba(0,0,0,.45)}.presale-front .section-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.presale-front .section-head:after{content:"首发预售 / 20 BNB 上限";border:1px solid var(--line);background:rgba(243,186,47,.1);color:var(--bnb);border-radius:999px;padding:10px 14px;font-weight:950}.presale-front .dash-grid{grid-template-columns:1.1fr .9fr}.presale-front .progress-card{background:linear-gradient(180deg,rgba(18,14,0,.95),rgba(8,7,0,.95));border-color:rgba(243,186,47,.35)}.presale-front .allocation-card{background:radial-gradient(circle at 90% 0,rgba(243,186,47,.12),transparent 35%),rgba(8,7,0,.72)}.presale-front .bar{height:24px}.presale-front #raisedText{font-size:28px;color:var(--bnb)}.presale-front button{font-size:15px}.presale-front input{font-size:22px;font-weight:900;color:var(--bnb)}@media(max-width:900px){.presale-front{margin-top:10px}.presale-front .section-head{grid-template-columns:1fr}.presale-front .dash-grid{grid-template-columns:1fr}.presale-front .section-head:after{width:max-content;max-width:100%}}
.hero-compact{min-height:auto;padding-bottom:10px}.hero-compact .hero-copy{max-width:1180px}.hero-compact .lead{max-width:900px}.presale-hero{margin-top:8px}.presale-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:20px;align-items:stretch}.presale-layout .token-raise-card{min-height:100%}.presale-layout .token-overlay{min-height:100%}.wallet-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.wallet-secondary{background:rgba(243,186,47,.08);border:1px solid var(--bnb);color:var(--bnb);box-shadow:none}.wallet-status{border:1px solid var(--line);background:rgba(243,186,47,.08);color:var(--bnb);border-radius:16px;padding:12px 14px;font-weight:900;word-break:break-all}.presale-hero .section-head{grid-template-columns:1fr auto}.presale-hero .section-head:after{display:none}@media(max-width:1000px){.presale-layout{grid-template-columns:1fr}.wallet-actions{justify-content:flex-start}.presale-hero .section-head{grid-template-columns:1fr}.presale-layout .token-raise-card,.presale-layout .token-overlay{min-height:430px}}
.presale-head{display:flex!important;justify-content:flex-end!important;margin-bottom:14px}.presale-head:after{display:none!important}.presale-head .wallet-actions{width:100%;justify-content:flex-end}.presale-head button{min-width:180px;font-size:16px}.panel-note{color:var(--muted);line-height:1.65;margin:0 0 14px;border-left:3px solid var(--bnb);padding-left:12px}.presale-front .section-head.presale-head{grid-template-columns:1fr}@media(max-width:900px){.presale-head .wallet-actions{justify-content:flex-start}.presale-head button{width:100%}}

.hero-intro-card {
  max-width: 880px;
}

.hero-intro-card h1 {
  margin-bottom: 8px;
}

.hero-tagline {
  margin: 0 0 18px;
  color: #f7d95b;
  font-size: clamp(1.15rem, 2.2vw, 1.7rem);
  font-weight: 900;
  letter-spacing: -0.02em;
}

.hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 18px;
}

.hero-points span {
  border: 1px solid rgba(240, 185, 11, 0.45);
  border-radius: 999px;
  background: rgba(240, 185, 11, 0.1);
  color: #ffe889;
  padding: 8px 12px;
  font-size: 0.9rem;
  font-weight: 900;
}


.verify-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(240, 185, 11, 0.7);
  border-radius: 999px;
  background: rgba(243, 186, 47, 0.08);
  color: var(--bnb);
  padding: 14px 21px;
  font-weight: 950;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: 0.2s transform, 0.2s box-shadow, 0.2s background;
}

.verify-button:hover {
  transform: translateY(-2px);
  background: rgba(243, 186, 47, 0.16);
  box-shadow: 0 12px 28px rgba(243, 186, 47, 0.16);
}


.pay-button{background:linear-gradient(135deg,#2cff85,#f3ba2f);color:#061407;box-shadow:0 14px 34px rgba(44,255,133,.16)}
.pay-status a{color:var(--bnb);text-decoration:underline}

.presale-submit{width:100%;margin-top:14px;font-size:17px;padding:16px 22px}

.timer-card{overflow:hidden;background:linear-gradient(160deg,rgba(243,186,47,.16),rgba(8,7,0,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.35)}
.timer-card>span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(243,186,47,.35);border-radius:999px;padding:8px 12px;color:var(--bnb);font-weight:950;background:rgba(243,186,47,.08)}
.timer-card small{display:block;margin-top:14px;color:var(--muted);line-height:1.5}
.countdown-grid{display:grid!important;grid-template-columns:repeat(4,minmax(72px,1fr));gap:10px;margin-top:18px;font-size:inherit!important;letter-spacing:0!important}
.countdown-grid span{display:grid;place-items:center;min-height:86px;border:1px solid rgba(243,186,47,.32);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(243,186,47,.24),rgba(8,7,0,.9));color:var(--bnb);font-size:clamp(28px,4vw,54px);font-weight:950;line-height:.9;box-shadow:0 14px 34px rgba(243,186,47,.12)}
.countdown-grid em{margin-top:8px;font-size:12px;font-style:normal;letter-spacing:.18em;color:var(--muted)}
@media(max-width:560px){.countdown-grid{grid-template-columns:repeat(2,1fr)}.countdown-grid span{min-height:74px}}
.presale-copy-below {
  margin: 22px 0 0;
  max-width: none;
  border: 1px solid rgba(240, 185, 11, 0.22);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(240, 185, 11, 0.12), rgba(10, 10, 10, 0.86));
  padding: clamp(22px, 4vw, 34px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.presale-copy-below .lead {
  max-width: 980px;
}

