*{box-sizing:border-box;margin:0;padding:0}
body{background:#0a1a35;color:#fff;font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;line-height:1.6;min-height:100vh}
a{color:#fff;text-decoration:none}
.bg{background:radial-gradient(38% 30% at 12% 8%,rgba(59,110,220,.3),transparent 60%),radial-gradient(30% 26% at 88% 4%,rgba(231,79,81,.16),transparent 62%),#08152b;position:fixed;inset:0;z-index:0;pointer-events:none}
.wrap{position:relative;z-index:1;max-width:52rem;margin:0 auto;padding:8rem 1.5rem 4rem}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(10,26,53,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);padding:.875rem 1.5rem;display:flex;align-items:center;gap:1rem}
.logo{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700}
.acc{color:#FF7E80}.dim{font-size:.875rem;font-weight:400;color:rgba(255,255,255,.4)}
.back{margin-left:auto;font-size:.875rem;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:.375rem}
.back:hover{color:#FF7E80}
h1{font-size:2rem;font-weight:700;margin-bottom:.75rem}
.sub{color:rgba(255,255,255,.65);margin-bottom:3rem;font-size:1.0625rem}
.cards{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
.card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:1.75rem;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:1rem}
.card:hover{border-color:rgba(231,79,81,.4)}
.icon{height:3rem;width:3rem;border-radius:.75rem;background:rgba(231,79,81,.15);color:#FF7E80;display:flex;align-items:center;justify-content:center}
.card h2{font-size:1.125rem;font-weight:700}
.card p{font-size:.9375rem;color:rgba(255,255,255,.6)}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;background:#E74F51;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:#fff;margin-top:.25rem;transition:background .2s}
.btn:hover{background:#D23E40}
.note{margin-top:2.5rem;border-radius:1rem;border:1px solid rgba(251,191,36,.3);background:rgba(251,191,36,.06);padding:1.25rem 1.5rem;font-size:.9375rem;color:rgba(251,191,36,.9)}


/* Banner */
.banner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.5rem .75rem;background:#000;padding:.75rem 1rem;text-align:center}
.banner-inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.35rem;font-size:.875rem;line-height:1.4;white-space:nowrap;overflow:hidden}
.banner-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;background:rgba(231,79,81,.15);padding:.25rem .625rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#FF7E80;flex-shrink:0}
.live-dot{display:inline-block;height:.5rem;width:.5rem;border-radius:9999px;background:#E74F51;margin-right:.125rem}
.banner-text-long{display:inline}.banner-text-short{display:none}
@media(max-width:639px){.banner{padding:.5rem .75rem;gap:.35rem}.banner-inner{font-size:.72rem;gap:.25rem}.banner-badge{display:none}.banner-text-long{display:none}.banner-text-short{display:inline;white-space:nowrap}#btn-banner{padding:.35rem .75rem;font-size:.75rem !important}}
/* Nav */
header{position:fixed;top:0;left:0;right:0;z-index:50}
nav{background:rgba(8,21,43,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.nav-inner{max-width:88rem;margin:0 auto;padding:0 1rem;display:flex;height:4rem;align-items:center;gap:1.5rem}
@media(min-width:640px){.nav-inner{padding:0 1.5rem}}
@media(min-width:1024px){.nav-inner{padding:0 2rem}}
.nav-logo{display:flex;align-items:center;gap:.625rem;flex-shrink:0}
.nav-links{display:none;flex:1;align-items:center;justify-content:center;gap:.25rem}
@media(min-width:1024px){.nav-links{display:flex}}
.nav-link{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:.5rem;font-size:.985rem;font-weight:500;color:rgba(255,255,255,.9);transition:background .2s;white-space:nowrap}
.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.1)}
.nav-cta{display:none;align-items:center;gap:.5rem;flex-shrink:0}
@media(min-width:1024px){.nav-cta{display:flex}}
.btn-nav{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;background:#E74F51;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;transition:background .2s}
.btn-nav:hover{background:#c8383a}
.menu-btn{display:flex;flex-direction:column;gap:.3rem;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}
.menu-btn span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
@media(min-width:1024px){.menu-btn{display:none}}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(8,21,43,.98);backdrop-filter:blur(14px);padding:1rem;border-top:1px solid rgba(255,255,255,.1)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;color:rgba(255,255,255,.85)}
.mobile-menu a:hover{background:rgba(255,255,255,.08)}

@keyframes np-pulse{0%,100%{box-shadow:0 0 0 3px rgba(231,79,81,.25)}50%{box-shadow:0 0 0 6px rgba(231,79,81,.08)}}
.faq-item{border-bottom:1px solid rgba(255,255,255,.1)}.faq-btn{width:100%;background:none;border:none;color:#fff;padding:.875rem 0;text-align:left;cursor:pointer;font-weight:600;font-size:.95rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:inherit}.faq-btn:hover{color:#E74F51}.faq-icon{color:#E74F51;font-size:1.25rem;flex-shrink:0;transition:transform .2s}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer p{padding-bottom:1rem;color:rgba(255,255,255,.7);line-height:1.7;font-size:.9rem}