:root{
  --nexta-primary: #152342;
  --nexta-accent: #eaac2f;
  --nexta-secondary: #0b8484;
  --surface: rgba(255, 255, 255, 0.035);
  --surface-strong: rgba(255, 255, 255, 0.06);
  --border-soft: rgba(255, 255, 255, 0.08);
}

body{
  min-height: 100vh;
  background:
    radial-gradient(780px 420px at 18% 10%, rgba(234,172,47,0.09), transparent 58%),
    radial-gradient(680px 360px at 88% 18%, rgba(11,132,132,0.07), transparent 62%),
    linear-gradient(180deg, var(--nexta-primary), #101a31);
  color: #fff;
}

.glass-nav{
  backdrop-filter: blur(12px);
  background: rgba(21,35,66,0.78);
}

.surface-card{
  border: 1px solid var(--border-soft);
  background: linear-gradient(180deg, rgba(255,255,255,0.065), rgba(19,30,56,0.72));
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.surface-card:hover{
  border-color: rgba(255, 255, 255, 0.16);
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(19,30,56,0.8));
}

.brand-logo{
  width: 150px;
  height: 65px;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(234,172,47,0.12));
}