:root{
  --bg-1:#1f3147;
  --bg-2:#24384f;
  --bg-3:#162638;
  --surface:#314760;
  --surface-2:#384f69;
  --border:rgba(255,255,255,.10);
  --text:#eef3f8;
  --muted:#d7e0ea;
  --soft:#a8b6c6;
  --accent:#f08c16;
  --accent-blue:#2f63b7;
  --success:#4f9a5d;
  --footer:#0e1926;
  --title-size: clamp(28px, 3.2vw, 42px);
  --subtitle-size: 18px;
  --text-size: 15px;
  --button-size: 16px;
  --button-radius: 18px;
  --card-radius: 28px;
  --shadow: 0 18px 40px rgba(0,0,0,.18);
  --container-max: 1320px;
  --space-top: 34px;
  --space-side: 28px;
  --space-bottom: 34px;
}
*{box-sizing:border-box}
html,body{height:100%}
html{scrollbar-gutter:stable}
body{
  margin:0;
  font-family:"Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 15%, rgba(255,255,255,.035), transparent 18%),
    radial-gradient(circle at 80% 25%, rgba(255,255,255,.025), transparent 18%),
    linear-gradient(180deg,var(--bg-2),var(--bg-1) 38%,var(--bg-3));
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
body.site-ready{visibility:visible}
body{visibility:visible}
@media (max-width:900px){
  :root{
    --space-top:20px;
    --space-side:16px;
    --space-bottom:24px;
    --subtitle-size:17px;
    --text-size:15px;
    --button-size:16px;
    --title-size: clamp(26px, 8vw, 36px);
  }
}