:root{--bg:#080b12;--panel:#111722;--panel2:#161e2c;--text:#f5f7fb;--muted:#aab3c2;--accent:#ffd21f;--line:#293346}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#080b12,#0c1220);color:var(--text)}
a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(8,11,18,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:900;font-size:21px}.logo span{color:var(--accent)}
nav{display:flex;gap:18px;color:var(--muted)}nav a:hover{color:var(--accent)}
.hero{padding:88px 0 58px;text-align:center}.badge{display:inline-block;padding:8px 13px;border:1px solid #3a465c;border-radius:99px;color:var(--accent);font-size:13px}
h1{font-size:clamp(34px,6vw,66px);margin:18px 0}.hero p,.lead{color:var(--muted);font-size:18px;line-height:1.7;max-width:760px;margin:0 auto 26px}
.btn{display:inline-block;padding:14px 20px;border-radius:10px;font-weight:700;margin:5px}.btn.primary{background:var(--accent);color:#111}.btn.dark{background:#202a3b;border:1px solid #354158}
.section{padding:55px 0}.section h2{text-align:center;font-size:32px;margin:0 0 12px}.section .intro{text-align:center;color:var(--muted);margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:26px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#55637b}.platform{min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.platform h3{font-size:26px;margin:12px 0}.platform p{color:var(--muted);font-size:14px}
.icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#202a3b;font-size:25px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem h3{margin:12px 0 7px}.problem p{color:var(--muted);font-size:14px;line-height:1.6}
.notice{background:#151b27;border:1px solid #38445a;border-radius:14px;padding:18px;color:var(--muted);line-height:1.6}
.platform-hero{padding:65px 0 35px;text-align:center}.platform-hero h1{font-size:48px}.support-actions{text-align:center;padding:10px 0 45px}
.help-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.help-item{display:block;background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:14px}.help-item strong{display:block;font-size:18px;margin-bottom:7px}.help-item span{color:var(--muted);font-size:14px}
.steps{max-width:850px;margin:auto}.step{padding:22px;margin:12px 0;background:var(--panel);border-left:4px solid var(--accent);border-radius:10px}.step h3{margin:0 0 8px}.step p{margin:0;color:var(--muted);line-height:1.6}
footer{border-top:1px solid var(--line);padding:38px 0;margin-top:45px;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.disclaimer{font-size:13px;line-height:1.6;max-width:760px}
.float{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:20}.float a{padding:12px 15px;border-radius:50px;background:#1a2332;border:1px solid #42506a;font-size:13px;font-weight:bold}
.chat-box{max-width:650px;margin:20px auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:25px}.chat-message{padding:14px;border-radius:12px;background:#1d2738;margin:10px 0;color:var(--muted)}
@media(max-width:760px){nav{display:none}.grid,.problem-grid{grid-template-columns:1fr}.help-list{grid-template-columns:1fr}.hero{padding-top:60px}.platform-hero h1{font-size:38px}}