:root{
  --solar-bg:#101f3f;
  --solar-paper:#1c3260;
  --solar-ink:#eef3fb;
  --solar-muted:#c2cee1;
  --solar-line:#38527d;
  --solar-orange:#f15b2a;
  --solar-blue:#3182ce;
  --solar-green:#3b8d67;
  --solar-purple:#7663c7;
}
html{background:var(--solar-bg)}
body,body[data-space="public"]{
  color:var(--solar-ink)!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(83,172,255,.24),transparent 26rem),
    radial-gradient(circle at 8% 72%,rgba(239,106,42,.16),transparent 29rem),
    linear-gradient(145deg,#0d1934 0%,var(--solar-bg) 58%,#182d58 100%)!important;
}
body[data-space="public"]::before{background:none!important}
body::after{
  opacity:.3;
  background-image:radial-gradient(rgba(37,35,31,.17) .65px,transparent .65px);
  background-size:18px 18px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
.topbar{
  color:var(--solar-ink);
  border-bottom:1px solid rgba(143,179,231,.20);
  background:rgba(10,24,51,.88);
  box-shadow:0 8px 28px rgba(3,12,30,.24);
}
.mark{
  color:#fff;
  background:linear-gradient(135deg,var(--solar-orange),#ed8b2e);
  box-shadow:0 8px 22px rgba(241,91,42,.2);
}
.brand small{color:#aabbd5}.nav a{color:#c9d5e7}.nav a:hover{color:#fff;background:#243c68}
.hero{min-height:calc(100vh - 128px);padding:66px 0 58px}
.hero::before{
  width:560px;height:560px;right:-110px;top:-80px;opacity:.58;
  border:82px solid rgba(49,130,206,.08);
  box-shadow:inset 0 0 0 58px rgba(118,99,199,.055);
}
.intro{max-width:780px;margin:0 auto 42px;text-align:center}
.eyebrow{color:#76dcf4}
h1{color:var(--solar-ink);font-size:clamp(48px,6vw,86px);line-height:.94;letter-spacing:-.055em}
h1 span{
  color:var(--solar-orange);
  background:none;
  -webkit-text-fill-color:currentColor;
}
h1 span::after{height:7px;background:linear-gradient(90deg,var(--solar-orange),#ec9634)}
.lead{max-width:690px;color:var(--solar-muted);font-size:18px}
.choice-head{color:#aebdd3}
.choice-head::before,.choice-head::after{background:var(--solar-line)}
.spaces{gap:18px;max-width:980px;margin-inline:auto}
.space-card{
  min-height:400px;padding:30px;border:1px solid var(--solar-line);
  color:var(--solar-ink);background:var(--solar-paper);
  box-shadow:0 22px 58px rgba(3,12,30,.28);
}
.space-card::before{background:none}
.space-card::after{opacity:.7;border-color:rgba(49,130,206,.09)}
.space-card:hover{transform:translateY(-5px);border-color:#76dcf4;box-shadow:0 28px 70px rgba(3,12,30,.38)}
.space-card.coach{background:linear-gradient(145deg,#1c3260,#102142 78%)}
.space-card.athlete{border-color:#d3c2a8;background:linear-gradient(145deg,#f4f0e6 0%,#eadfcd 100%)}
.space-card h2{color:#fff;font-size:31px}.space-card p,.coach p,.athlete p{color:#d9e3f1!important;font-size:15px}
.space-icon{color:var(--solar-blue);border-color:rgba(49,130,206,.2);background:rgba(49,130,206,.08)}
.athlete .space-icon{color:#1c3260;border-color:#b8a88f;background:rgba(255,255,255,.45)}
.access-label{color:#dce8f8;border-color:#536f9c;background:rgba(255,255,255,.08)}
.coach .enter,.athlete .enter{color:#10182b;background:#f5a95f;box-shadow:0 12px 28px rgba(3,12,30,.2)}
.athlete .enter{background:#1c3260;color:#fff;box-shadow:0 12px 28px rgba(23,42,77,.22)}
body[data-space="public"] .hero .space-card.athlete h2{color:#16213f!important}
body[data-space="public"] .hero .space-card.athlete p{color:#4e5a70!important}
body[data-space="public"] .hero .space-card.athlete .space-features{color:#9d431e!important}
body[data-space="public"] .hero .space-card.athlete .access-label{color:#33415d!important;border-color:#c8b79d;background:rgba(255,255,255,.48)}
.proof{color:#aebdd3}
.proof i{background:var(--solar-green);box-shadow:none}
footer{border-top:1px solid rgba(143,179,231,.16);color:#9fb0ca;background:#0c1933}
@media(max-width:760px){
  .hero{padding:46px 0}.intro{margin-bottom:31px}.space-card{min-height:260px}
}