:root {
  --bg: #07111b;
  --bg-soft: #0a1724;
  --panel: rgba(15, 31, 46, 0.78);
  --panel-solid: #0f1f2e;
  --line: rgba(180, 226, 239, 0.13);
  --text: #f5fbff;
  --muted: #a8beca;
  --teal: #18d8d3;
  --teal-2: #58f1eb;
  --blue: #4a9dff;
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
  --radius: 24px;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 82% 7%, rgba(24,216,211,.12), transparent 26rem),
    radial-gradient(circle at 10% 30%, rgba(74,157,255,.09), transparent 30rem),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
a { color: var(--teal-2); text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover { color: white; }
img { max-width: 100%; display: block; }
button, a { -webkit-tap-highlight-color: transparent; }
.page-shell { min-height: 100vh; overflow: hidden; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; transform: translateY(-160%); padding: 10px 14px; color: #07111b; background: white; border-radius: 10px; }
.skip-link:focus { transform: none; }
.site-header {
  position: relative;
  z-index: 20;
  width: min(calc(100% - 32px), var(--max));
  margin: 18px auto 0;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(7,17,27,.72);
  box-shadow: 0 10px 35px rgba(0,0,0,.2);
  backdrop-filter: blur(18px);
}
.brand, .footer-brand { display: inline-flex; align-items: center; gap: 10px; color: white; text-decoration: none; font-size: 20px; letter-spacing: -.02em; }
.brand b, .footer-brand b, h1 span { color: var(--teal); }
.site-nav { display: flex; align-items: center; gap: 5px; }
.site-nav a { color: #c9dbe4; text-decoration: none; padding: 9px 13px; border-radius: 10px; font-weight: 650; font-size: 14px; }
.site-nav a:hover { color: white; background: rgba(255,255,255,.06); }
.nav-toggle { display: none; color: white; background: transparent; border: 1px solid var(--line); border-radius: 10px; padding: 8px 11px; font: inherit; }
.section-pad { width: min(calc(100% - 36px), var(--max)); margin-inline: auto; }
.hero { display: grid; grid-template-columns: 1fr 1.08fr; gap: clamp(32px, 6vw, 82px); align-items: center; min-height: 710px; padding-block: 80px 70px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--teal-2); text-transform: uppercase; letter-spacing: .13em; font-size: 12px; font-weight: 800; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 6px rgba(24,216,211,.1), 0 0 18px var(--teal); }
h1,h2,h3 { margin-top: 0; line-height: 1.08; letter-spacing: -.035em; }
h1 { margin: 23px 0 24px; font-size: clamp(48px, 6vw, 82px); }
h2 { font-size: clamp(34px, 4vw, 56px); }
h3 { font-size: 22px; }
.lead { max-width: 660px; color: #bfd1da; font-size: clamp(18px, 2vw, 22px); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border: 1px solid transparent; border-radius: 14px; font-weight: 800; text-decoration: none; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: #041115; background: linear-gradient(135deg, var(--teal), #69f7f0); box-shadow: 0 16px 35px rgba(24,216,211,.18); }
.button.secondary { color: white; border-color: var(--line); background: rgba(255,255,255,.035); }
.button.small { min-height: 42px; padding-inline: 17px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 27px; }
.hero-meta span { color: #9eb4c0; border: 1px solid var(--line); background: rgba(255,255,255,.025); padding: 7px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.hero-art { position: relative; padding: 13px; border: 1px solid rgba(92,238,232,.18); border-radius: 30px; background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); box-shadow: var(--shadow); }
.hero-art::before { position: absolute; content: ""; inset: -50px; z-index: -1; background: radial-gradient(circle, rgba(24,216,211,.16), transparent 60%); filter: blur(24px); }
.hero-art picture img { width: 100%; border-radius: 20px; aspect-ratio: 10 / 7; object-fit: cover; }
.hero-badge { position: absolute; left: 34px; bottom: 32px; display: flex; flex-direction: column; padding: 10px 14px; border-radius: 12px; color: white; background: rgba(5,14,23,.78); border: 1px solid rgba(255,255,255,.13); backdrop-filter: blur(12px); }
.hero-badge b { font-size: 15px; }.hero-badge span { color: var(--muted); font-size: 11px; }
.trust-strip { width: min(calc(100% - 36px), var(--max)); margin: 0 auto 90px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: var(--radius); background: rgba(10,23,36,.62); overflow: hidden; }
.trust-strip div { padding: 23px; border-right: 1px solid var(--line); }.trust-strip div:last-child { border-right: 0; }.trust-strip strong,.trust-strip span { display:block; }.trust-strip strong { color:white; }.trust-strip span { margin-top:4px;color:var(--muted);font-size:13px; }
.section-block { padding-block: 92px; }
.section-heading { max-width: 790px; margin-bottom: 42px; }.section-heading h2 { margin: 14px 0 20px; }.section-heading p { color: var(--muted); font-size: 18px; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.feature-card, .content-card, .policy, .status-panel { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(18,38,56,.78), rgba(9,21,33,.82)); box-shadow: 0 18px 55px rgba(0,0,0,.16); }
.feature-card { min-height: 260px; padding: 28px; border-radius: 20px; }.feature-card p { color: var(--muted); }.feature-icon { display:grid;place-items:center;width:44px;height:44px;margin-bottom:23px;border-radius:13px;color:#061519;background:linear-gradient(135deg,var(--teal),#7bf8f2);font-weight:900;font-size:22px; }
.status-panel { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; padding: clamp(30px,5vw,65px); border-radius: 28px; }.status-panel p { color: var(--muted); font-size:18px; }.status-list { list-style:none;margin:0;padding:0; }.status-list li { display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line); }.check{color:var(--teal);font-weight:900}.progress{color:#f5b942;font-weight:900}
.cta-section { margin-block: 90px; padding: clamp(28px,5vw,58px); display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid rgba(24,216,211,.24);border-radius:28px;background:linear-gradient(125deg,rgba(24,216,211,.12),rgba(74,157,255,.07)); }.cta-section h2 { margin:12px 0; }.cta-section p { margin:0;color:var(--muted); }
.site-footer { width:min(calc(100% - 36px),var(--max));margin:40px auto 0;padding:40px 0 34px;display:grid;grid-template-columns:1fr auto;gap:20px 50px;border-top:1px solid var(--line); }.site-footer p{margin:.4em 0;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:18px;align-items:start}.legal,.copyright{grid-column:1/-1;font-size:12px}.copyright{opacity:.75}
.content-page { padding-block: 90px; min-height: 70vh; }.content-page.narrow{max-width:900px}.page-heading{max-width:760px;margin-bottom:42px}.page-heading h1{margin:14px 0 18px}.page-heading p{color:var(--muted);font-size:18px}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.content-card{padding:30px;border-radius:20px}.content-card li{margin:.55em 0;color:#bfd1da}.content-card p{color:var(--muted)}.policy{padding:clamp(28px,5vw,55px);border-radius:24px}.policy h2{margin-top:34px;font-size:25px}.policy h2:first-child{margin-top:0}.policy p{color:#bfd1da}.not-found{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.not-found h1{font-size:clamp(38px,6vw,64px);margin:14px 0}.not-found p{color:var(--muted);margin-bottom:26px}
.reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease, transform .65s ease; }.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-art{max-width:680px}.feature-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip div:nth-child(2){border-right:0}.trust-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.status-panel{grid-template-columns:1fr;gap:30px}.cta-section{align-items:flex-start;flex-direction:column}}
@media (max-width:650px){.site-header{width:min(calc(100% - 20px),var(--max));margin-top:10px}.nav-toggle{display:block}.site-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:16px;background:#0a1724;box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.hero{padding-top:54px}.section-pad,.trust-strip,.site-footer{width:min(calc(100% - 24px),var(--max))}.feature-grid,.content-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid var(--line)!important}.trust-strip div:last-child{border-bottom:0!important}.hero-actions{flex-direction:column}.button{width:100%}.hero-badge{left:25px;bottom:24px}.section-block{padding-block:68px}.cta-section{margin-block:65px}.site-footer{grid-template-columns:1fr}.legal,.copyright{grid-column:auto}.footer-links{flex-direction:column;gap:8px}}

/* Sponsorship */
.sponsor-section { margin-block: 90px; }
.sponsor-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(24px, 4vw, 48px);
  padding: clamp(30px, 5vw, 58px);
  border: 1px solid rgba(74, 157, 255, .28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 8% 20%, rgba(24, 216, 211, .16), transparent 18rem),
    linear-gradient(125deg, rgba(18, 38, 56, .94), rgba(7, 17, 27, .92));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}
.sponsor-symbol {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  border-radius: 22px;
  color: #07111b;
  background: linear-gradient(135deg, var(--teal), #86fbf6);
  box-shadow: 0 16px 34px rgba(24, 216, 211, .18);
  font-size: 34px;
  line-height: 1;
}
.sponsor-copy h2 { margin: 12px 0 16px; }
.sponsor-copy p { max-width: 760px; margin: 0; color: #bfd1da; }
.sponsor-copy .sponsor-note { margin-top: 10px; color: var(--muted); font-size: 13px; }
.sponsor-actions { display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 210px; }
.sponsor-actions span, .fine-print { color: var(--muted); font-size: 12px; }
.button.paypal {
  color: #fff;
  background: linear-gradient(135deg, #0b63ce, #1f8cff);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 16px 35px rgba(31, 140, 255, .2);
}
.button.paypal:hover { color: #fff; background: linear-gradient(135deg, #1472dd, #3499ff); }
.sponsor-support-card { border-color: rgba(74, 157, 255, .24); }
.fine-print { margin-top: 14px !important; }

@media (max-width: 900px) {
  .sponsor-card { grid-template-columns: auto 1fr; }
  .sponsor-actions { grid-column: 1 / -1; align-items: stretch; min-width: 0; }
}
@media (max-width: 650px) {
  .sponsor-section { margin-block: 65px; }
  .sponsor-card { grid-template-columns: 1fr; }
  .sponsor-symbol { width: 62px; height: 62px; border-radius: 18px; font-size: 28px; }
  .sponsor-actions { grid-column: auto; }
}