*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#0d0f1a;color:#e8e9ef;line-height:1.65;overflow-x:hidden}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}
a{color:inherit;text-decoration:none}
img{max-width:100%}

.site-header{position:sticky;top:0;z-index:50;background:rgba(13,15,26,.95);backdrop-filter:blur(8px);border-bottom:1px solid #1f2336}
.header-inner{display:flex;align-items:center;gap:20px;height:64px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;color:#fff}
.main-nav{display:flex;gap:22px;margin-left:auto}
.main-nav a{font-size:15px;color:#c5c7d4;transition:color .2s}
.main-nav a:hover{color:#f5c518}
.btn-login{padding:9px 20px;border:1px solid #f5c518;border-radius:8px;color:#f5c518;font-weight:600;font-size:14px;transition:.2s}
.btn-login:hover{background:#f5c518;color:#0d0f1a}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{width:24px;height:2px;background:#f5c518;display:block}
.mobile-nav{display:none;flex-direction:column;background:#11131f;border-bottom:1px solid #1f2336}
.mobile-nav a{padding:14px 20px;border-top:1px solid #1f2336;color:#c5c7d4}
.mobile-nav.open{display:flex}

.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:#8b8ea0;padding-top:14px;padding-bottom:6px;flex-wrap:wrap}
.breadcrumbs a:hover{color:#f5c518}

.hero{position:relative;background-size:cover;background-position:center;min-height:440px;display:flex;align-items:center;background-color:#16182a}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(13,15,26,.95) 0%,rgba(13,15,26,.7) 55%,rgba(13,15,26,.4) 100%)}
.hero-content{position:relative;z-index:2;padding:50px 16px}
.hero-text{max-width:640px}
.hero-heading{font-size:38px;font-weight:800;line-height:1.2;color:#fff;margin-bottom:18px}
.hero-sub{font-size:17px;color:#cfd1de;margin-bottom:28px}
.btn-cta{display:inline-block;background:linear-gradient(90deg,#f5c518,#f59e0b);color:#0d0f1a;font-weight:700;padding:15px 36px;border-radius:10px;font-size:16px;transition:.2s;box-shadow:0 8px 24px rgba(245,197,24,.3)}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(245,197,24,.45)}

.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-40px;position:relative;z-index:3}
.feature-card{background:#16182a;border:1px solid #232744;border-radius:14px;padding:24px 18px;text-align:center}
.feature-card svg{margin-bottom:12px}
.feature-title{font-weight:700;color:#fff;margin-bottom:6px;font-size:16px}
.feature-card p{font-size:13.5px;color:#a9abbd}

.seo-content{padding:50px 16px 30px}
.seo-content h1{font-size:32px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:26px}
.seo-content section{background:#13152330;border:1px solid #1c2036;border-radius:14px;padding:24px;margin-bottom:22px}
.seo-content h2{font-size:23px;color:#f5c518;margin-bottom:14px;line-height:1.3}
.seo-content h3{font-size:18px;color:#fff;margin:18px 0 10px}
.seo-content p{margin-bottom:14px;color:#d2d4e0}
.seo-content strong{color:#fff}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border-radius:10px}
.seo-content table{width:100%;border-collapse:collapse;min-width:420px;font-size:14.5px}
.seo-content th{background:#1d2138;color:#f5c518;text-align:left;padding:11px 13px}
.seo-content td{padding:11px 13px;border-top:1px solid #1c2036;color:#cdcfdd}
.seo-content tr:nth-child(even) td{background:#15172680}

.cta-band{background:linear-gradient(90deg,#1a1d33,#23264a);margin-top:20px}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 16px;flex-wrap:wrap}
.cta-band-text{font-size:22px;font-weight:700;color:#fff}

.site-footer{background:#0a0c16;border-top:1px solid #1f2336;padding:34px 0;margin-top:0;text-align:center}
.footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:18px;color:#fff;margin-bottom:8px}
.footer-age{display:inline-block;border:2px solid #f5454e;color:#f5454e;border-radius:50%;width:34px;height:34px;line-height:30px;font-weight:700;font-size:13px;margin-bottom:12px}
.site-footer p{font-size:13px;color:#83869a;max-width:760px;margin:0 auto}

@media(max-width:960px){.features{grid-template-columns:repeat(2,1fr);margin-top:24px}}
@media(max-width:780px){
  .main-nav,.btn-login{display:none}
  .nav-toggle{display:flex;margin-left:auto}
  .hero-heading{font-size:27px}
  .hero-sub{font-size:15px}
  .hero{min-height:380px}
  .seo-content h1{font-size:25px}
  .seo-content h2{font-size:20px}
  .seo-content section{padding:18px}
  .cta-band-text{font-size:18px}
}
@media(max-width:480px){
  .features{grid-template-columns:1fr}
  .hero-content{padding:36px 16px}
  .btn-cta{width:100%;text-align:center}
}