html { overflow-x: hidden; }
  body { margin:0; background:#0c0c0d; color:#f4f2ef; overflow-x: hidden; font-family:'Manrope',system-ui,sans-serif; }
  * { box-sizing: border-box; }
  a { color: inherit; }
  a:hover { color: #ff5a36; }
  ::selection { background: rgba(255,90,54,0.35); }
  button { font-family: inherit; }
  @media (max-width: 860px) {
    .hero-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
    .stats-grid { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
    .roles-grid { grid-template-columns: 1fr !important; }
    .whom-grid { grid-template-columns: 1fr !important; }
    .steps-grid { grid-template-columns: 1fr 1fr !important; }
    .event-grid { grid-template-columns: 1fr !important; }
    .form-cols { grid-template-columns: 1fr !important; }
    .hero-h1 { font-size: 40px !important; }
    .cta-h2 { font-size: 28px !important; }
    section, nav, footer { padding-left: 20px !important; padding-right: 20px !important; }
    nav { padding-top: 16px !important; padding-bottom: 16px !important; gap: 14px !important; }
    footer { flex-direction: column !important; gap: 8px !important; text-align: center !important; }
    .info-bar { flex-direction: column !important; gap: 16px !important; align-items: flex-start !important; }
  }
  @media (max-width: 480px) {
    .nav-links { display:none !important; }
    .stats-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
    .steps-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
    .hero-h1 { font-size: 30px !important; }
    .hero-h1 br { display: none; }
    .cta-h2 { font-size: 24px !important; }
    section { padding-top: 48px !important; padding-bottom: 48px !important; }
  }