:root{--bg:#0b1220;--ink:#f8fbff;--muted:#b9c6db;--brand:#ffd04a;--accent:#09a66d;--card:#121a2c;--line:#1e2a44}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.container{max-width:1080px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;background:#0a111e;border-bottom:1px solid var(--line);z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand img{height:36px;width:auto;display:block}
.menu-toggle{display:none}
.nav{display:flex;gap:14px}
.nav a{color:#cfe2ff;text-decoration:none;padding:8px 10px;border-radius:10px;background:#0f1a33}
.ctas .btn{margin-left:8px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding:30px 0}
h1{font-size:40px;line-height:1.15;margin:0 0 6px;color:#ffe598}
.lead{color:#f6e9c8;font-size:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0}
.btn{display:inline-block;background:var(--brand);color:#1c1208;font-weight:700;padding:12px 18px;border-radius:12px;text-decoration:none}
.btn.secondary{background:#ffb84d}
.btn.ghost{background:transparent;color:#ffe2a8;border:1px dashed #4a536f}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.img-fluid{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.badge{display:inline-block;padding:3px 8px;border-radius:99px;background:#0f1a33;color:#ffd77a;margin-right:6px}
.list-clean{margin:0;padding-left:18px}
.kv{display:grid;grid-template-columns:140px 1fr;gap:10px}
.small{font-size:13px;color:#bcd3ff}
.stars{display:inline-flex;gap:2px;vertical-align:middle}
.star{width:18px;height:18px;display:inline-block;background:conic-gradient(#f6c648 0 75%,#b98b26 0 100%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.star.dim{filter:grayscale(1) opacity(.35)}
.ticker{overflow:hidden;position:relative;height:32px}
.ticker ul{display:flex;gap:24px;list-style:none;padding:0;margin:0;animation:slide 18s linear infinite}
.ticker li{white-space:nowrap;color:#ffe7bd}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.carousel{position:relative;overflow:hidden;border-radius:12px}
.carousel-inner{display:flex;transition:transform .6s ease}
.carousel .item{min-width:100%;padding:14px}
.carousel .dots{display:flex;gap:8px;justify-content:center;margin-top:10px}
.carousel .dot{width:8px;height:8px;border-radius:50%;background:#3a4668;cursor:pointer}
.carousel .dot.active{background:#ffd77a}
.foot-grid{display:flex;justify-content:space-between;gap:10px;padding:16px 0;color:#a7b6d7}
kbd{background:#0f1a33;color:#ffd77a;border-radius:4px;padding:2px 6px;font-size:12px}
@media(max-width:920px){.hero{grid-template-columns:1fr} .nav{display:none} .menu-toggle{display:block;background:#0f1a33;color:#cfe2ff;border:0;padding:8px 12px;border-radius:10px} }