:root{color-scheme:dark;--y:#FFCC01;--tx:#ececf0;--mu:#b9b9c0;--ln:rgba(255,255,255,.12);--pn:linear-gradient(150deg,rgba(66,66,73,.94),rgba(44,44,50,.96))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#e4e4e6 url(app/img/6477024d85.jpg) center top/cover fixed;color:var(--tx);font-family:Manrope,Inter,system-ui,sans-serif;font-weight:500;line-height:1.55}
a{color:inherit}.w{max-width:1180px;margin:0 auto;padding:0 16px}
.glass{background:var(--pn);border:1px solid var(--ln);border-radius:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 48px -10px rgba(10,10,20,.5),0 6px 14px rgba(10,10,20,.25)}
.nav{position:sticky;top:10px;z-index:30;margin-top:12px;padding:10px 16px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.nav .lg{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:14px}
.nav .lg svg{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.nav nav{display:flex;gap:20px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.nav nav a{text-decoration:none;color:var(--mu)}.nav nav a:hover{color:#fff}
.nav .by{border:1px solid var(--ln);border-radius:99px;padding:8px 14px}
.btn{display:inline-block;background:var(--y);color:#111;font:800 14px Manrope,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:15px 24px;border-radius:99px;border:0;cursor:pointer;text-decoration:none;box-shadow:0 10px 24px rgba(255,204,1,.28)}
.btn.o{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,204,1,.7);box-shadow:none}
.eb{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--y)}
h1,h2{font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0}
h1{font-size:clamp(40px,6.4vw,84px)}h1 em{font-style:normal;color:var(--y)}
h2{font-size:clamp(32px,4.4vw,54px)}
.hero{margin-top:16px;padding:clamp(24px,4vw,48px) clamp(18px,4vw,48px) 10px;overflow:hidden}
.hero p{max-width:620px;color:var(--mu);font-size:18px;margin:18px 0 26px}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap}
.hero .cap{text-align:center;color:var(--mu);font-size:13px;font-weight:700;margin:0 0 14px;letter-spacing:.02em}
.sec{margin-top:26px;padding:clamp(22px,3.4vw,40px)}
.sec .hd{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;margin-bottom:22px}
.sec .hd p{margin:0;color:var(--mu);font-size:16px}
.sec .num{font-weight:800;font-size:13px;letter-spacing:.2em;color:var(--y);margin-bottom:10px;display:block}
.try{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.try span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ln);border-radius:99px;padding:6px 12px;color:#fff;background:rgba(255,255,255,.05)}
.try span:first-child{border-color:rgba(255,204,1,.6);color:var(--y)}
.frame{border-radius:20px;overflow:hidden;border:1px solid var(--ln);background:rgba(10,10,12,.35)}
.frame .bar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);border-bottom:1px solid var(--ln);background:rgba(0,0,0,.25)}
.frame .bar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4be08a;box-shadow:0 0 10px #4be08a;margin-right:8px}
.frame .bar button{font:inherit;color:var(--mu);background:none;border:1px solid var(--ln);border-radius:99px;padding:4px 10px;cursor:pointer}
.ifw{position:relative}.ifw iframe{display:block;width:100%;border:0;background:transparent}

.chase{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.chase div{background:rgba(255,255,255,.06);border:1px solid var(--ln);border-radius:16px;padding:14px 16px}
.chase b{display:block;font-size:26px;color:var(--y);font-weight:800;line-height:1}
.chase span{font-size:13px;color:var(--mu)}
.join{margin-top:26px;border-radius:26px;padding:clamp(24px,4vw,52px);background:var(--y);color:#111;box-shadow:0 22px 48px -10px rgba(10,10,20,.5)}
.join h2{color:#111}.join p{max-width:540px;font-weight:700;margin:12px 0 20px}
.join form{display:flex;gap:10px;flex-wrap:wrap}.join input{flex:1 1 240px;padding:15px 18px;border-radius:99px;border:2px solid #111;background:#fff8d8;font:inherit;font-size:16px;color:#111}
.join .btn{background:#111;color:var(--y);box-shadow:none}.msg{display:block;margin-top:10px;font-weight:800}
.more{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.more a{display:block;text-decoration:none;padding:18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--ln)}
.more b{display:block;font-size:20px;margin-bottom:4px}.more span{font-size:14px;color:var(--mu)}
.more a:hover{border-color:rgba(255,204,1,.6)}
.ft{margin:26px 0 40px;padding:20px 24px;border-radius:20px;font-size:13px;color:var(--mu);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
#ccToast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#111;color:#fff;border:1px solid rgba(255,204,1,.6);border-radius:99px;padding:12px 20px;font-weight:700;font-size:14px;z-index:10000;transition:.25s}
#ccToast.on{opacity:1;transform:translateX(-50%)}
@media(max-width:860px){.sec .hd{grid-template-columns:1fr}.chase{grid-template-columns:repeat(2,1fr)}.more{grid-template-columns:1fr}.nav nav a:not(.by){display:none}.nav .lg span{display:none}}