@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root { color-scheme: dark; --ink:#e8e2d8; --muted:#bcb8b0; --line:rgba(232,226,216,.28); --gold:#c9a56b; --black:#090b0e; --panel:#101419; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin:0; background:var(--black); color:var(--ink); font-family:Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
html[lang^="zh"] body { font-family:"PingFang SC","Microsoft YaHei",Manrope,Arial,sans-serif; }
html[lang^="zh"] h1,html[lang^="zh"] h2 { font-family:"Songti SC","Noto Serif SC",serif; letter-spacing:-.04em; }
a { color:inherit; text-decoration:none; }
.launch { min-height:100vh; }
.hero { position:relative; display:flex; min-height:100svh; overflow:hidden; isolation:isolate; }
.hero__image { position:absolute; inset:0; z-index:-2; background:url('../images/oddsentra-launch.png') center 40%/cover no-repeat; filter:saturate(.78) contrast(1.08) brightness(.76); transform:scale(1.01); }
.hero__veil { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,5,6,.84) 0%,rgba(4,5,6,.45) 49%,rgba(4,5,6,.06) 100%),linear-gradient(0deg,rgba(4,5,6,.83) 0%,rgba(4,5,6,.05) 45%,rgba(4,5,6,.16) 100%); }
.topbar { position:absolute; top:0; right:0; left:0; display:flex; align-items:center; justify-content:space-between; padding:32px clamp(24px,5vw,88px); }
.wordmark { font-size:.78rem; font-weight:800; letter-spacing:.28em; }
.topbar__actions { display:flex; align-items:center; gap:clamp(17px,2.6vw,42px); }
.language-switcher { display:flex; align-items:center; gap:9px; font-family:'DM Mono',monospace; font-size:.54rem; letter-spacing:.08em; }
.language-switcher a { color:rgba(232,226,216,.5); transition:color 180ms ease; }
.language-switcher a:hover,.language-switcher a:focus-visible,.language-switcher .is-active { color:var(--gold); }
.language-switcher .is-active { text-decoration:underline; text-underline-offset:4px; }
.topbar__link { border-bottom:1px solid var(--ink); padding-bottom:5px; font-family:'DM Mono',monospace; font-size:.63rem; font-weight:500; letter-spacing:.08em; }
.topbar__link span { color:var(--gold); font-size:.9rem; }
.hero__content { align-self:flex-end; width:min(710px,100%); margin:0 0 clamp(88px,12vh,146px) clamp(24px,9vw,162px); }
.eyebrow { margin:0 0 21px; color:var(--gold); font-family:'DM Mono',monospace; font-size:.65rem; font-weight:500; letter-spacing:.18em; }
h1,h2 { margin:0; font-weight:500; letter-spacing:-.065em; }
h1 { max-width:680px; font-family:'Playfair Display',Georgia,serif; font-size:clamp(3.6rem,8.6vw,8.7rem); line-height:.87; }
.hero__intro { max-width:455px; margin:30px 0 24px; color:#e5e0d8; font-size:clamp(.96rem,1.25vw,1.13rem); line-height:1.65; }
.product-line { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:0; font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.13em; }
.product-line i { width:3px; height:3px; border-radius:50%; background:var(--gold); }
.hero__footer { position:absolute; right:clamp(24px,5vw,88px); bottom:31px; left:clamp(24px,5vw,88px); display:flex; justify-content:space-between; color:rgba(232,226,216,.6); font-family:'DM Mono',monospace; font-size:.55rem; letter-spacing:.12em; }
.access { display:grid; min-height:100svh; place-items:center; padding:clamp(70px,10vw,160px) 24px; background:radial-gradient(circle at 49% 0%,#20252a 0%,var(--panel) 34%,var(--black) 78%); }
.access__frame { width:min(570px,100%); }
h2 { font-family:'Playfair Display',Georgia,serif; font-size:clamp(3rem,6vw,5.5rem); line-height:.91; }
.access__intro { max-width:410px; margin:28px 0 50px; color:var(--muted); font-size:1rem; line-height:1.7; }
.waitlist-form { border-top:1px solid var(--line); }
.field { display:block; border-bottom:1px solid var(--line); padding:21px 0 15px; }
.field span { display:block; margin-bottom:10px; color:var(--muted); font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.13em; }
.field em { color:#777b80; font-style:normal; }
.field input,.field select { width:100%; border:0; outline:0; background:transparent; color:var(--ink); font:500 1rem/1.4 Manrope,Arial,sans-serif; }
.field input::placeholder { color:#73777d; }
.field select { cursor:pointer; appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%); background-position:calc(100% - 8px) 53%,calc(100% - 3px) 53%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }
.field select option { background:var(--panel); color:var(--ink); }
.consent { display:flex; gap:11px; align-items:flex-start; margin:23px 0 28px; color:var(--muted); cursor:pointer; font-size:.75rem; line-height:1.55; }
.consent input { width:15px; height:15px; margin:2px 0 0; accent-color:var(--gold); }
.submit { display:flex; width:100%; min-height:63px; align-items:center; justify-content:space-between; border:1px solid var(--gold); background:var(--gold); color:#11100e; cursor:pointer; padding:0 21px; font:700 .62rem 'DM Mono',monospace; letter-spacing:.12em; transition:background 180ms ease,color 180ms ease; }
.submit:hover,.submit:focus-visible { background:transparent; color:var(--gold); }
.submit:disabled { cursor:wait; opacity:.65; }
.submit b { font-size:1.3rem; font-weight:400; }
.form-status { min-height:1.5rem; margin:16px 0 0; color:#e2967b; font-size:.78rem; line-height:1.5; }
.form-status--success { color:#9bc897; }
.access__legal { max-width:510px; margin:28px 0 0; padding-top:17px; border-top:1px solid rgba(232,226,216,.14); color:#85898e; font-family:'DM Mono',monospace; font-size:.57rem; letter-spacing:.025em; line-height:1.72; }
.access__legal a { color:var(--gold); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.form-trap { position:absolute; left:-10000px; overflow:hidden; width:1px; height:1px; }
@media (max-width:700px) { .hero{min-height:820px}.hero__image{background-position:56% center}.hero__veil{background:linear-gradient(90deg,rgba(4,5,6,.79),rgba(4,5,6,.13)),linear-gradient(0deg,rgba(4,5,6,.88),rgba(4,5,6,.02) 65%)}.topbar{padding:25px 23px}.topbar__actions{gap:13px}.language-switcher{gap:6px;font-size:.46rem}.topbar__link{font-size:.52rem}.hero__content{margin:0 25px 104px}h1{font-size:clamp(3.6rem,17vw,5.5rem)}.hero__intro{max-width:330px;margin:25px 0 20px;font-size:.9rem}.product-line{max-width:260px;font-size:.5rem;line-height:1.8}.hero__footer{right:24px;bottom:24px;left:24px;font-size:.47rem}.hero__footer span:last-child{display:none}.access{min-height:auto;padding:98px 25px}.access__intro{margin-bottom:38px} }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
