:root{
  --primary:#14212a;
  --accent:#00bc9d;
  --danger:#eb3333;

  --bg0:#0a1217;
  --bg1:#0e171e;

  --text:#e8eef2;
  --muted:#9fb2bf;

  --radius:16px;
  --radius-sm:12px;
  --ring:0 0 0 3px rgba(0,188,157,.22);

  --shadow-soft:0 12px 36px rgba(0,0,0,.28);
  --shadow-soft2:0 18px 60px rgba(0,0,0,.34);
  --shadow-hover:0 16px 46px rgba(0,188,157,.38);
  --shadow-white:0 14px 44px rgba(255,255,255,.12);

  --container:1200px;
}

*,
*::before,
*::after{ box-sizing:border-box; }

html, body{
  overflow-x:hidden;
  width:100%;
}

html{
  color-scheme:dark;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}

body{
  margin:0;
  padding:0;
  min-height:100%;
  background:
    radial-gradient(1200px 520px at 10% -10%, rgba(0,188,157,.18), transparent 60%),
    radial-gradient(900px 420px at 95% 10%, rgba(235,51,51,.14), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1) 42%, #0b141a 100%);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  line-height:1.65;
  overflow-wrap:anywhere;
  word-break:break-word;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font:inherit;
  color:inherit;
  background:none;
  border:0;
  padding:0;
}

:focus-visible{
  outline:none;
  box-shadow:var(--ring);
  border-radius:12px;
}

.skip{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.skip:focus{
  position:fixed;
  left:12px;
  top:12px;
  width:auto;
  height:auto;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(0,188,157,.22);
  border:1px solid rgba(0,188,157,.45);
  z-index:1000;
}

/* Layout */
.container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 16px;
  min-width:0;
}

.main{ min-width:0; max-width:100%; }

.section{
  padding:72px 0;
}

@media (max-width:700px){
  .section{ padding:54px 0; }
}

.sectionHead{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:26px;
  min-width:0;
}

.h2{
  margin:0;
  font-weight:900;
  letter-spacing:.2px;
  font-size:clamp(28px, 4vw, 42px);
}

.h3{
  margin:0 0 10px;
  font-weight:850;
  letter-spacing:.15px;
  font-size:clamp(18px, 2.6vw, 26px);
}

.sub{
  margin:0;
  color:var(--muted);
  max-width:920px;
  min-width:0;
}

.subNote{
  margin:10px 0 0;
  color:var(--muted);
}

.lead{
  margin:0 0 14px;
  color:rgba(232,238,242,.92);
  font-size:clamp(16px, 1.55vw, 18px);
  min-width:0;
}

/* Header */
.siteHeader{
  position:sticky;
  top:0;
  z-index:120;
  background:rgba(14,23,30,.86);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.headerRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  min-width:0;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.brandLogo{
  width:68px;
  height:auto;
  flex:0 0 auto;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.28));
}

.brandText{
  font-weight:950;
  letter-spacing:.6px;
  font-size:20px;
  white-space:nowrap;
}

@media (max-width:520px){
  .brandLogo{ width:60px; }
  .brandText{ font-size:18px; }
}

.nav{
  min-width:0;
  max-width:100%;
}

.navToggle{
  display:none;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(20,33,42,.65);
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.navToggle:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-white);
}
.navToggleIcon{
  width:16px;
  height:12px;
  display:inline-block;
  background:
    linear-gradient(0deg, transparent 0 2px, rgba(232,238,242,.92) 2px 3px, transparent 3px 5px,
    rgba(232,238,242,.92) 5px 6px, transparent 6px 8px, rgba(232,238,242,.92) 8px 9px, transparent 9px 12px);
  border-radius:2px;
}
.navToggleText{ font-weight:800; }

.navPanel{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.navScroll{
  display:flex;
  align-items:center;
  gap:18px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  min-width:0;
  max-width:100%;
}
.navScroll::-webkit-scrollbar{ display:none; }

.navLink{
  color:var(--muted);
  font-weight:750;
  white-space:nowrap;
  padding:8px 2px;
  transition:color .2s ease, text-shadow .2s ease;
}
.navLink:hover{
  color:rgba(232,238,242,.98);
  text-shadow:0 0 18px rgba(0,188,157,.25);
}
.navLink--cta{
  color:var(--accent);
  font-weight:900;
}

.navMobileList{
  display:none;
  flex-direction:column;
  gap:10px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(20,33,42,.92);
  box-shadow:var(--shadow-soft);
  max-width:100%;
  min-width:0;
}
.navItem{
  padding:12px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-weight:800;
  color:rgba(232,238,242,.92);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.navItem:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-white);
  background:rgba(255,255,255,.06);
}
.navItem--cta{
  background:rgba(0,188,157,.14);
  border-color:rgba(0,188,157,.28);
  color:#b9fff3;
}

.headerActions{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

@media (max-width:980px){
  .headerActions{ display:none; }
}

@media (max-width:860px){
  .navToggle{ display:inline-flex; }
  .navScroll{ display:none; }
  .navPanel{
    flex-direction:column;
    align-items:flex-end;
    position:relative;
    gap:10px;
  }
  .navPanel.is-open .navMobileList{ display:flex; }
  .navMobileList{ width:min(360px, 100%); }
}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 18px;
  border-radius:var(--radius-sm);
  font-weight:900;
  letter-spacing:.2px;
  cursor:pointer;
  user-select:none;
  min-width:0;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
  max-width:100%;
}

.btn--primary{
  background:linear-gradient(135deg, var(--accent), #18e0bd);
  color:#05221b;
  box-shadow:0 10px 30px rgba(0,188,157,.42);
}
.btn--secondary{
  background:linear-gradient(135deg, #203745, #2a4f66);
  color:var(--text);
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.btn--ghost{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.02);
  color:rgba(232,238,242,.95);
}
.btn--xl{ padding:16px 26px; font-size:18px; }
.btn--sm{ padding:8px 14px; font-size:14px; }
.btn--block{ width:100%; }

.btn:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-hover);
}
.btn--secondary:hover{
  box-shadow:0 14px 44px rgba(0,0,0,.35), 0 10px 30px rgba(0,188,157,.18);
}
.btn--ghost:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-white);
  border-color:rgba(255,255,255,.24);
}

/* Pills / links */
.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:rgba(232,238,242,.92);
  font-weight:850;
  font-size:13px;
  white-space:nowrap;
}
.pill--alt{
  background:rgba(0,188,157,.12);
  border-color:rgba(0,188,157,.26);
  color:#b9fff3;
}
.pill--danger{
  background:rgba(235,51,51,.12);
  border-color:rgba(235,51,51,.25);
  color:#ffd0d0;
}
.kicker{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
  min-width:0;
}

.textLink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#b9fff3;
  font-weight:900;
  text-decoration:underline;
  text-decoration-color:rgba(0,188,157,.45);
  text-underline-offset:3px;
}
.textLink:hover{
  text-decoration-color:rgba(0,188,157,.85);
}

/* Hero */
.hero{
  padding-top:40px;
  background:
    radial-gradient(1200px 520px at 20% -10%, rgba(0,188,157,.18), transparent 60%),
    radial-gradient(900px 420px at 95% 12%, rgba(235,51,51,.14), transparent 55%);
}

.heroGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:40px;
  align-items:start;
  min-width:0;
}

@media (max-width:900px){
  .heroGrid{ grid-template-columns:1fr; gap:26px; }
}

.heroTitle{
  margin:0 0 8px;
}
.heroTitleMain{
  display:inline-block;
  font-weight:1000;
  letter-spacing:.2px;
  font-size:clamp(36px, 5.2vw, 58px);
  line-height:1.08;
}

.heroBullets{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin:18px 0 6px;
  min-width:0;
}
@media (max-width:900px){
  .heroBullets{ grid-template-columns:1fr; gap:12px; }
}

.miniCard{
  padding:14px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  min-width:0;
}
.miniTitle{
  font-weight:950;
  margin-bottom:6px;
}
.miniText{
  color:var(--muted);
  margin:0;
  font-size:14px;
}

.ctaRow{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
  min-width:0;
}

.trustRow{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  min-width:0;
}
@media (max-width:900px){
  .trustRow{ grid-template-columns:1fr; }
}
.trustItem{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  border-radius:14px;
  padding:12px 12px;
  min-width:0;
}
.trustLabel{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.trustValue{
  display:block;
  font-weight:950;
}

/* WELCOME BONUS SUPER ACCENT */
.welcomeBonus{
  display:block;
  margin:22px 0 18px;
  padding:26px;
  border-radius:var(--radius);
  background:
    radial-gradient(900px 240px at 30% 0%, rgba(0,188,157,.22), transparent 60%),
    linear-gradient(180deg, rgba(0,188,157,.16), rgba(23,36,46,.92));
  border:2px solid rgba(0,188,157,.62);
  box-shadow:
    0 0 0 2px rgba(0,188,157,.12),
    0 28px 92px rgba(0,188,157,.38);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
  min-width:0;
  max-width:100%;
}

.welcomeBonus:hover{
  transform:translateY(-4px);
  box-shadow:
    0 0 0 2px rgba(0,188,157,.26),
    0 42px 140px rgba(0,188,157,.58);
  filter:saturate(1.06);
}

.welcomeBadgeRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
  min-width:0;
}

.welcomeBadge{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:950;
  border:1px solid rgba(0,188,157,.35);
  background:rgba(0,188,157,.14);
  color:#b9fff3;
  white-space:nowrap;
}
.welcomeBadge--alt{
  border-color:rgba(255,216,107,.28);
  background:rgba(255,216,107,.14);
  color:#ffe9a6;
}
.welcomeBadge--danger{
  border-color:rgba(235,51,51,.30);
  background:rgba(235,51,51,.14);
  color:#ffd0d0;
}

.welcomeBig{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:baseline;
  font-size:clamp(18px, 2.6vw, 30px);
  font-weight:1000;
  line-height:1.18;
  min-width:0;
}
.welcomeBigSep{
  color:rgba(232,238,242,.35);
  font-weight:900;
}
.welcomeBigStrong{
  color:#fff;
  text-shadow:
    0 10px 30px rgba(0,0,0,.35),
    0 0 36px rgba(0,188,157,.18);
}
.welcomeBigEm{ color:var(--accent); text-shadow:0 0 22px rgba(0,188,157,.22); }
.welcomeBigEm2{ color:#ffd86b; text-shadow:0 0 20px rgba(255,216,107,.18); }
.welcomeBigEm3{ color:#ff8f8f; text-shadow:0 0 20px rgba(235,51,51,.16); }

.welcomeSub{
  margin-top:12px;
  color:rgba(232,238,242,.86);
  max-width:820px;
  min-width:0;
}

.welcomeCtas{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
  min-width:0;
}

/* Media safe-layout */
.mediaCard{
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  box-shadow:var(--shadow-soft);
  min-width:0;
}
.mediaLink{
  display:block;
  background:rgba(0,0,0,.12);
}
.mediaLink img{
  width:100%;
  max-height:420px;
  object-fit:contain;
}
@media (max-width:700px){
  .mediaLink img{ max-height:320px; }
}
.mediaMeta{
  padding:14px 16px 16px;
  min-width:0;
}
.mediaMetaTitle{
  font-weight:950;
  margin-bottom:6px;
}
.mediaMetaText{
  color:var(--muted);
  margin:0;
}

/* Hero stats: fix "Aydın" not fitting */
.heroStats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  margin-top:20px;
}

.heroStats .stat{
  min-width:0;
}

@media (max-width:900px){
  .heroStats{ grid-template-columns:1fr; }
}
.stat{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  border-radius:14px;
  padding:14px;
  display:flex;
  gap:10px;
  align-items:center;
  min-width:0;
}
.statNum{
  min-width:52px;
  padding:0 10px;
  height:40px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
  background:rgba(0,188,157,.14);
  border:1px solid rgba(0,188,157,.28);
  color:#b9fff3;
  flex:0 0 auto;
}
.statText{
  color:rgba(232,238,242,.86);
  font-weight:850;
  min-width:0;
}

/* Hero mini */
.heroMiniExplain{
  margin-top:14px;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  min-width:0;
}
.heroMiniTitle{ font-weight:950; margin-bottom:8px; }
.heroMiniText{ margin:0 0 12px; color:var(--muted); }

.heroNote{ margin-top:18px; }
.noteCard{
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  min-width:0;
}
.noteTitle{ font-weight:950; margin-bottom:8px; }
.noteText{ margin:0; color:var(--muted); }

/* Common grids */
.grid2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
  min-width:0;
}
.grid3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
  min-width:0;
}
@media (max-width:900px){
  .grid2, .grid3{ grid-template-columns:1fr; gap:16px; }
}

/* Cards */
.featureCard,
.contentCard,
.promoCard,
.reviewCard,
.supportCard,
.stepCard,
.checkCard,
.tipCard,
.splitBox,
.finalAside,
.notice{
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  padding:22px;
  box-shadow:var(--shadow-soft);
  min-width:0;
  max-width:100%;
}

.featureTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  min-width:0;
}
.badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  font-weight:900;
  color:rgba(232,238,242,.92);
  font-size:13px;
}
.badge--alt{
  background:rgba(0,188,157,.12);
  border-color:rgba(0,188,157,.26);
  color:#b9fff3;
}
.badge--danger{
  background:rgba(235,51,51,.12);
  border-color:rgba(235,51,51,.25);
  color:#ffd0d0;
}
.dotline{
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,.12), transparent);
  min-width:0;
}

/* Lists */
.list{
  margin:10px 0 0;
  padding-left:18px;
  min-width:0;
}
.list li{
  margin:7px 0;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

/* Promo */
.promoGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
  min-width:0;
}
@media (max-width:980px){
  .promoGrid{ grid-template-columns:1fr; gap:16px; }
}
.promoCard{ padding:22px; }
.promoCard--main{
  border:2px solid rgba(0,188,157,.62);
  background:
    radial-gradient(900px 240px at 30% 0%, rgba(0,188,157,.20), transparent 60%),
    linear-gradient(180deg, rgba(0,188,157,.12), rgba(255,255,255,.01));
  box-shadow:
    0 0 0 2px rgba(0,188,157,.10),
    0 28px 92px rgba(0,188,157,.34);
}
.promoTop{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:10px;
  min-width:0;
}
.promoLabel{
  display:inline-flex;
  align-self:flex-start;
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:950;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(232,238,242,.90);
}
.promoLabel--alt{
  background:rgba(0,188,157,.12);
  border-color:rgba(0,188,157,.26);
  color:#b9fff3;
}
.promoLabel--danger{
  background:rgba(235,51,51,.12);
  border-color:rgba(235,51,51,.26);
  color:#ffd0d0;
}
.promoTitle{
  font-weight:1000;
  font-size:18px;
}
.promoText{
  margin:0;
  color:var(--muted);
}
.promoRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  min-width:0;
}
.chip{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  font-weight:850;
  color:rgba(232,238,242,.86);
  font-size:13px;
}
.promoActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
  min-width:0;
}

/* Wide callout */
.wideCallout{
  margin-top:22px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(1000px 300px at 10% 0%, rgba(0,188,157,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  box-shadow:var(--shadow-soft2);
  min-width:0;
}
@media (max-width:900px){
  .wideCallout{ flex-direction:column; align-items:flex-start; }
}
.wideCalloutText{ min-width:0; }
.wideCalloutActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  min-width:0;
  white-space: nowrap;
}

/* Steps */
.steps{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
  margin-top:18px;
  min-width:0;
}
@media (max-width:1100px){
  .steps{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:700px){
  .steps{ grid-template-columns:1fr; gap:12px; }
}
.stepCard{
  padding:18px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-width:0;
}
.stepNum{
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  background:rgba(0,188,157,.12);
  border:1px solid rgba(0,188,157,.28);
  color:#b9fff3;
  flex:0 0 auto;
}
.stepBody{ min-width:0; }
.stepBody p{ margin:0 0 10px; color:var(--muted); }

/* Split note */
.splitNote{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-top:22px;
  min-width:0;
}
@media (max-width:900px){
  .splitNote{ grid-template-columns:1fr; gap:16px; }
}
.splitBox p{ margin:0; color:var(--muted); }

/* CTA strip */
.ctaStrip{
  margin-top:22px;
  border-radius:var(--radius);
  border:2px solid rgba(0,188,157,.60);
  background:
    radial-gradient(1000px 260px at 20% 0%, rgba(0,188,157,.20), transparent 60%),
    linear-gradient(180deg, rgba(0,188,157,.12), rgba(255,255,255,.01));
  padding:18px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  box-shadow:
    0 0 0 2px rgba(0,188,157,.12),
    0 24px 84px rgba(0,188,157,.30);
  min-width:0;
}
@media (max-width:900px){
  .ctaStrip{ flex-direction:column; align-items:flex-start; }
}
.ctaStripText{ min-width:0; }
.ctaStripTitle{
  font-weight:1000;
  font-size:18px;
  margin-bottom:4px;
}
.ctaStripDesc{ color:var(--muted); }
.ctaStripActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  min-width:0;
}

/* Tables */
.tableWrap{
  width:100%;
  max-width:100%;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.10);
  min-width:0;
}
.table{
  width:100%;
  max-width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  min-width:0;
}
.table th,
.table td{
  padding:10px 10px;
  border-bottom:1px solid rgba(255,255,255,.10);
  vertical-align:top;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  font-size:14px;
}
.table th{
  text-align:left;
  font-weight:950;
  color:rgba(232,238,242,.92);
  background:rgba(255,255,255,.03);
}
.table tr:last-child td{ border-bottom:0; }

/* Media band / inline */
.mediaBand{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
  align-items:start;
  min-width:0;
}
@media (max-width:900px){
  .mediaBand{ grid-template-columns:1fr; gap:16px; }
}
.mediaInline{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
  align-items:start;
  min-width:0;
}
@media (max-width:900px){
  .mediaInline{ grid-template-columns:1fr; gap:16px; }
}

.inlineActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
  min-width:0;
}

/* Support */
.supportGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
  min-width:0;
}
@media (max-width:980px){
  .supportGrid{ grid-template-columns:1fr; gap:16px; }
}
.supportCard--accent{
  border:2px solid rgba(0,188,157,.62);
  background:
    radial-gradient(900px 220px at 20% 0%, rgba(0,188,157,.20), transparent 60%),
    linear-gradient(180deg, rgba(0,188,157,.10), rgba(255,255,255,.01));
  box-shadow:
    0 0 0 2px rgba(0,188,157,.10),
    0 24px 84px rgba(0,188,157,.28);
}
.supportCard p{ margin:0 0 12px; color:var(--muted); }

/* Notice */
.notice{
  margin-top:20px;
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 220px at 90% 0%, rgba(235,51,51,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  min-width:0;
}
.noticeTitle{ font-weight:1000; margin-bottom:8px; }
.noticeText{ margin:0; color:var(--muted); }

/* Reviews */
.reviewsGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  min-width:0;
}
@media (max-width:1100px){
  .reviewsGrid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:700px){
  .reviewsGrid{ grid-template-columns:1fr; gap:14px; }
}
.reviewCard{ padding:18px; }
.reviewTop{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  min-width:0;
}
.avatar{
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  background:rgba(0,188,157,.12);
  border:1px solid rgba(0,188,157,.28);
  color:#b9fff3;
  flex:0 0 auto;
}
.reviewMeta{ min-width:0; }
.reviewName{ font-weight:1000; line-height:1.1; }
.reviewHint{ color:var(--muted); font-size:12px; font-weight:850; }
.stars{
  margin-left:auto;
  color:#ffd86b;
  letter-spacing:1px;
  font-size:14px;
  flex:0 0 auto;
}
.reviewText{ margin:0 0 10px; color:rgba(232,238,242,.88); }

.reviewFooter{
  margin-top:18px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
@media (max-width:900px){
  .reviewFooter{ flex-direction:column; align-items:flex-start; }
}
.reviewFooterText{ color:var(--muted); min-width:0; }

/* FAQ */
.faqGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  min-width:0;
}
@media (max-width:900px){
  .faqGrid{ grid-template-columns:1fr; gap:12px; }
}
.faqItem{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  padding:0;
  overflow:hidden;
  min-width:0;
}
.faqQ{
  list-style:none;
  cursor:pointer;
  padding:16px 16px;
  font-weight:1000;
  background:
    radial-gradient(700px 180px at 10% 0%, rgba(0,188,157,.12), transparent 60%),
    rgba(255,255,255,.02);
}
.faqQ::-webkit-details-marker{ display:none; }
.faqA{
  padding:14px 16px 16px;
  border-top:1px solid rgba(255,255,255,.08);
}
.faqA p{ margin:0 0 10px; color:var(--muted); }

.faqEnd{
  margin-top:18px;
  border-radius:var(--radius);
  border:2px solid rgba(0,188,157,.55);
  background:
    radial-gradient(900px 240px at 20% 0%, rgba(0,188,157,.18), transparent 60%),
    rgba(255,255,255,.02);
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
@media (max-width:900px){
  .faqEnd{ flex-direction:column; align-items:flex-start; }
}
.faqEndText{ color:var(--muted); min-width:0; }

/* Final CTA */
.finalCta{
  background:
    radial-gradient(1200px 520px at 50% -10%, rgba(0,188,157,.22), transparent 60%),
    radial-gradient(900px 420px at 90% 10%, rgba(235,51,51,.12), transparent 55%);
}
.finalGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:26px;
  align-items:start;
  min-width:0;
}
@media (max-width:900px){
  .finalGrid{ grid-template-columns:1fr; }
}
.finalWelcome{
  margin-top:16px;
  padding:18px;
  border-radius:var(--radius);
  border:2px solid rgba(0,188,157,.62);
  background:
    radial-gradient(900px 240px at 20% 0%, rgba(0,188,157,.20), transparent 60%),
    linear-gradient(180deg, rgba(0,188,157,.12), rgba(255,255,255,.01));
  box-shadow:
    0 0 0 2px rgba(0,188,157,.10),
    0 28px 92px rgba(0,188,157,.34);
  min-width:0;
}
.finalWelcomeTitle{
  font-weight:1000;
  letter-spacing:.8px;
  opacity:.9;
  margin-bottom:10px;
}
.finalWelcomeLine{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:clamp(18px, 2.2vw, 26px);
  font-weight:1000;
  line-height:1.18;
  min-width:0;
}
.finalWSep{ color:rgba(232,238,242,.35); }
.finalW1{ color:#fff; text-shadow:0 0 30px rgba(0,188,157,.14); }
.finalW2{ color:var(--accent); text-shadow:0 0 22px rgba(0,188,157,.22); }
.finalW3{ color:#ffd86b; text-shadow:0 0 22px rgba(255,216,107,.16); }
.finalW4{ color:#ff8f8f; text-shadow:0 0 22px rgba(235,51,51,.16); }
.finalWelcomeCtas{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  min-width:0;
}
.microNote{
  margin-top:12px;
  color:rgba(232,238,242,.55);
  font-weight:850;
}

/* Footer */
.footer{
  padding:60px 0 22px;
  background:#0b141a;
  border-top:1px solid rgba(255,255,255,.08);
}
.footerGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
  min-width:0;
}
@media (max-width:900px){
  .footerGrid{ grid-template-columns:1fr; }
}
.brand--footer .brandLogo{ width:76px; }
.brandLogo--footer{ width:76px; }
.footerText{ margin:14px 0 0; color:var(--muted); }
.footerLinks{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
  min-width:0;
}
.footerLink{
  color:rgba(232,238,242,.86);
  font-weight:850;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.18);
  text-underline-offset:3px;
}
.footerLink:hover{ text-decoration-color:rgba(0,188,157,.6); }

.footerCols{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  min-width:0;
}
@media (max-width:900px){
  .footerCols{ grid-template-columns:1fr; }
}
.footerCol{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  border-radius:16px;
  padding:16px;
  min-width:0;
}
.footerColTitle{ font-weight:1000; margin-bottom:10px; }
.footerMini{ color:var(--muted); margin:0 0 12px; }

.footerBottom{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}
.footerFine{ color:rgba(232,238,242,.55); font-weight:800; }

/* Catfish */
.catfish{
  position:fixed;
  left:12px;
  right:12px;
  bottom:calc(12px + env(safe-area-inset-bottom));
  z-index:160;
  max-width:calc(100% - 24px);
  min-width:0;
}
.catfishInner{
  border-radius:var(--radius);
  border:2px solid rgba(0,188,157,.62);
  background:
    radial-gradient(900px 220px at 20% 0%, rgba(0,188,157,.20), transparent 60%),
    linear-gradient(180deg, rgba(0,188,157,.10), rgba(20,33,42,.92));
  padding:12px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  box-shadow:
    0 0 0 2px rgba(0,188,157,.10),
    0 24px 84px rgba(0,188,157,.34);
  min-width:0;
}
.catfishLeft{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.catfishBadge{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,188,157,.16);
  border:1px solid rgba(0,188,157,.28);
  color:#b9fff3;
  font-weight:1000;
  font-size:12px;
  flex:0 0 auto;
}
.catfishText{
  min-width:0;
  max-width:100%;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:rgba(232,238,242,.92);
  font-weight:900;
}
.catfishSep{
  color:rgba(232,238,242,.35);
  margin:0 6px;
}
.catfishStrong{ color:#fff; font-weight:1000; }
.catfishStrong2{ color:var(--accent); font-weight:1000; }
.catfishStrong3{ color:#ffd86b; font-weight:1000; }
.catfishStrong4{ color:#ff8f8f; font-weight:1000; }

.catfishRight{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.iconBtn{
  width:38px;
  height:38px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.03);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.iconBtn:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-white);
  border-color:rgba(255,255,255,.22);
}

/* Modal */
.modal{
  position:fixed;
  inset:0;
  z-index:220;
  display:none;
  min-width:0;
}
.modal[aria-hidden="false"]{ display:block; }
.modalOverlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
}
.modalCard{
  position:relative;
  max-width:min(560px, calc(100% - 32px));
  margin:10vh auto;
  border-radius:var(--radius);
  border:2px solid rgba(0,188,157,.62);
  background:
    radial-gradient(900px 240px at 20% 0%, rgba(0,188,157,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(20,33,42,.96));
  padding:20px;
  box-shadow:
    0 0 0 2px rgba(0,188,157,.10),
    0 44px 140px rgba(0,188,157,.34);
  min-width:0;
}
.modalTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.modalTitle{
  font-weight:1000;
  font-size:18px;
  min-width:0;
}
.modalBurst{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,188,157,.30);
  background:rgba(0,188,157,.14);
  color:#b9fff3;
}
.modalBig{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:clamp(18px, 2.2vw, 24px);
  font-weight:1000;
  line-height:1.18;
  min-width:0;
}
.modalBigSep{ color:rgba(232,238,242,.35); }
.modalBig1{ color:#fff; }
.modalBig2{ color:var(--accent); }
.modalBig3{ color:#ffd86b; }
.modalBig4{ color:#ff8f8f; }
.modalText{ margin:12px 0 0; color:var(--muted); }
.modalActions{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  min-width:0;
}
@media (max-width:520px){
  .modalActions{ grid-template-columns:1fr; }
}

/* Minor */
.finePrint{ margin-top:18px; color:var(--muted); }
.finePrint p{ margin:0; }