:root {
        color-scheme: dark;
        --black: #050505;
        --panel: #141415;
        --line: rgba(255,255,255,.11);
        --muted: #b6b6bd;
        --white: #f7f7f8;
        --violet: #7a0cff;
        --blue: #154cff;
        --cyan: #00d4ff;
      }

      * { box-sizing: border-box; }
      html { scroll-behavior: smooth; }

      body {
        margin: 0;
        min-width: 320px;
        background: var(--black);
        color: var(--white);
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        -webkit-font-smoothing: antialiased;
      }

      .hero {
        padding: 76px 20px 58px;
        background:
          radial-gradient(circle at 50% 0, rgba(54,74,255,.18), transparent 48%),
          linear-gradient(180deg, #09090a, var(--panel));
      }

      .hero-inner,
      .terms { width: min(820px, 100%); margin: 0 auto; }

      .eyebrow {
        margin: 0 0 11px;
        color: #8fbdff;
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .2em;
        text-transform: uppercase;
      }

      h1 {
        margin: 0;
        max-width: 780px;
        text-align: center;
        font-size: clamp(2.3rem, 6vw, 4.8rem);
        font-style: italic;
        font-weight: 950;
        letter-spacing: -.055em;
        line-height: .98;
        text-transform: uppercase;
        background: linear-gradient(90deg, #fff 12%, #c5ccff 58%, #6be8ff);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      .effective-date { margin: 20px 0 0; color: var(--muted); font-size: .9rem; }

      main {
        padding: 54px 20px 100px;
        background: linear-gradient(90deg, transparent, rgba(46,73,255,.035) 50%, transparent), var(--panel);
      }

      .summary {
        margin: 0 0 44px;
        padding: 22px 24px;
        border-left: 3px solid var(--cyan);
        background: rgba(0,212,255,.045);
        color: #e1e1e6;
        font-size: 1.05rem;
        line-height: 1.75;
      }

      .important-notice {
        margin: 0 0 46px;
        padding: 22px 24px;
        border: 1px solid rgba(238,34,56,.36);
        background: rgba(238,34,56,.065);
      }

      .important-notice strong {
        display: block;
        margin-bottom: 7px;
        color: #ffadb6;
        font-size: .78rem;
        letter-spacing: .12em;
        text-transform: uppercase;
      }

      .important-notice p { margin: 0; color: #f1dfe2; }

      section {
        position: relative;
        margin-top: 48px;
        padding-top: 30px;
        border-top: 1px solid var(--line);
      }

      section::before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 68px;
        height: 2px;
        background: linear-gradient(90deg, var(--violet), var(--cyan));
      }

      h2 {
        margin: 0 0 18px;
        font-size: clamp(1.35rem, 3vw, 1.75rem);
        font-style: italic;
        font-weight: 900;
        letter-spacing: -.03em;
        line-height: 1.18;
        text-transform: uppercase;
      }

      .terms p, .terms li { color: var(--muted); font-size: 1rem; line-height: 1.78; }
      .terms p { margin: 0 0 18px; }
      .terms ul { margin: 16px 0 22px; padding: 0; list-style: none; }

      .terms li {
        position: relative;
        margin: 9px 0;
        padding-left: 24px;
      }

      .terms li::before {
        content: "";
        position: absolute;
        left: 3px;
        top: .72em;
        width: 7px;
        height: 7px;
        transform: rotate(45deg);
        background: var(--cyan);
        box-shadow: 0 0 10px rgba(0,212,255,.45);
      }

      .site-footer {
        padding: 34px 20px;
        border-top: 1px solid rgba(255,255,255,.06);
        color: #898991;
        font-size: .78rem;
        text-align: center;
      }

      .site-footer a { color: #76e8ff; }
      .terms a { color: #76e8ff; text-underline-offset: 3px; overflow-wrap: anywhere; }
      .policy-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; margin: 24px 0 0; }
      #privacy-policy { scroll-margin-top: 90px; }
      .contact-preview { margin-top: 28px; padding: 22px; border: 1px solid #727282; border-radius: 12px; background: #111116; }
      .contact-preview fieldset { border: 0; margin: 16px 0 0; padding: 0; }
      .contact-preview label { display: block; margin: 16px 0 6px; color: #f7f7f8; font-weight: 700; }
      .contact-preview :is(input, select, textarea) { display: block; width: 100%; min-height: 44px; padding: 10px; border: 1px solid #8b8b9b; border-radius: 5px; background: #1b1b23; color: #eee; font: inherit; }
      .contact-preview textarea { min-height: 150px; resize: vertical; }
      .contact-preview button { margin-top: 16px; padding: 12px 18px; min-height: 44px; color: #fff; background: #4f337e; border: 1px solid #b9a3dc; border-radius: 5px; font: inherit; font-weight: 700; }
      .contact-preview small { display: block; margin-top: 6px; color: #c4c4d0; }
      .contact-preview .contact-honeypot { display: none; }
      .privacy-title { font-size: clamp(2rem, 5vw, 3rem); text-align: center; }
      .privacy-section h3 { margin: 26px 0 12px; color: var(--white); font-size: 1.13rem; line-height: 1.4; }
      .draft-notice { border-color: #bd9439; background: rgba(255, 204, 77, .07); }
      .draft-notice strong { color: #ffdb80; }

      @media (max-width: 620px) {
        .hero { padding: 56px 16px 44px; }
        main { padding: 42px 16px 74px; }
        .summary,
        .important-notice { padding: 19px 18px; }
      }

      @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }