.page{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.15),transparent),var(--bg);min-height:100vh}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0e17cc;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header__inner{justify-content:space-between;margin:0 auto;max-width:1080px;padding:16px 20px}.header__inner,.logo{align-items:center;display:flex}.logo{color:var(--text);font-size:18px;font-weight:700;gap:10px;text-decoration:none}.logo__icon{color:var(--accent);font-size:22px}.header__nav{display:flex;gap:24px}.header__nav a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.header__nav a:hover{color:var(--text)}.section{margin:0 auto;max-width:1080px;padding:64px 20px}.section--alt{background:#11182780;border-bottom:1px solid var(--border);border-top:1px solid var(--border);max-width:none}.section--alt>*{margin-left:auto;margin-right:auto;max-width:1080px}.section__head{margin-bottom:40px;text-align:center}.section__head h2{font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.section__head p{color:var(--text-muted);font-size:16px;margin:0}.section__head a{color:#93c5fd}.btn{align-items:center;border-radius:14px;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-height:52px;padding:0 28px;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 24px var(--accent-glow);color:#fff}.btn--soon{cursor:default;opacity:.85}.btn--secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.platforms{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.platforms--compact{margin-top:16px}.platform-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;display:block;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s}.platform-card--popular{border-color:#3b82f633}.platform-card:hover{border-color:#3b82f659;transform:translateY(-2px)}.platform-card__top{align-items:center;display:flex;gap:12px;margin-bottom:12px}.platform-card__icon{align-items:center;background:var(--accent-soft);border-radius:10px;color:#93c5fd;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.platform-card__icon--sm{font-size:13px;height:32px;width:32px}.platform-card h3{font-size:16px;font-weight:600;margin:0}.platform-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{background:#ffffff0f;border-radius:6px;color:var(--text-muted);font-size:11px;font-weight:500;padding:3px 8px}.tag--sm{font-size:10px}.platform-card__note{color:var(--text-muted);font-size:13px;line-height:1.45;margin:0}.platform-card__link{color:#93c5fd;display:inline-block;font-size:13px;font-weight:600;margin-top:10px}.faq{display:grid;gap:12px}.faq__item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:0}.faq__item summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;padding:18px 20px}.faq__item summary::-webkit-details-marker{display:none}.faq__item p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0;padding:0 20px 18px}.footer{border-top:1px solid var(--border);padding:40px 20px}.footer__inner{margin:0 auto;max-width:1080px}.footer__brand{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin-bottom:12px}.footer__note{color:var(--text-muted);font-size:13px;margin:0 0 24px;text-align:center}.footer__note a{color:#93c5fd}.footer__links-title{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.06em;margin:0 0 12px;text-align:center;text-transform:uppercase}.footer__links{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-bottom:24px}.footer__links a{color:var(--text-muted);font-size:13px;text-decoration:none}.footer__links a:hover{color:#93c5fd}.footer__copy{color:var(--text-muted);font-size:12px;margin:0;opacity:.7;text-align:center}.breadcrumbs{color:var(--text-muted);font-size:13px;margin:0 auto;max-width:1080px;padding:16px 20px 0}.breadcrumbs a{color:#93c5fd;text-decoration:none}.breadcrumbs span{margin:0 8px;opacity:.5}@media(max-width:640px){.header__nav{display:none}}
