:root{
    --bg:#0F1D38; --panel:#16294A; --panel-2:#1C3158;
    --accent:#F5A623; --accent-2:#FFB838; --burnt:#A4520E;
    --ink:#11203A; --text:#F2F5FA; --muted:#9AA6BC; --line:#2B3D5E;
    --display:"Space Grotesk",system-ui,sans-serif;
    --mono:"Space Mono",ui-monospace,monospace;
    --body:"Inter",system-ui,sans-serif;
  }
  *{box-sizing:border-box}
  html,body{margin:0}
  body{
    background:var(--bg); color:var(--text); font-family:var(--body);
    min-height:100vh; display:flex; align-items:center; justify-content:center;
    padding:32px 16px; line-height:1.5;
    background-image:repeating-linear-gradient(135deg,rgba(245,166,35,.045) 0 1px,transparent 1px 22px);
  }
  .card{
    width:100%; max-width:560px; background:var(--panel);
    border:1px solid var(--line); border-radius:18px; padding:34px 34px 28px;
    box-shadow:0 30px 80px rgba(0,0,0,.5);
  }
  .head{display:flex;align-items:center;gap:13px;margin-bottom:20px}
  .logo{width:50px;height:50px;border-radius:50%;flex:0 0 auto}
  .brand{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.01em;line-height:1.05}
  .brand .pro{color:var(--accent)}
  .brand .smt{display:block;font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-family:var(--mono);margin-top:3px}
  .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:14px}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
  h1{font-family:var(--display);font-weight:500;font-size:29px;letter-spacing:-.01em;margin:4px 0 6px;line-height:1.13}
  .sub{color:var(--muted);font-size:15px;margin:0 0 24px}
  label.field{display:block;margin-bottom:18px}
  .lab{font-size:13px;font-weight:600;margin-bottom:7px;display:block}
  .hint{color:var(--muted);font-weight:400;font-size:12px;margin-left:6px}
  input[type=text],input[type=email],textarea{
    width:100%; background:var(--panel-2); border:1px solid var(--line); border-radius:11px;
    color:var(--text); font-family:var(--body); font-size:15px; padding:13px 14px; outline:none;
    transition:border-color .15s, box-shadow .15s;
  }
  textarea{resize:vertical;min-height:78px}
  input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,166,35,.20)}
  ::placeholder{color:#5d6b85}
  .seg-eyebrow{font-size:13px;font-weight:600;margin:4px 0 9px}
  .segs{display:grid;gap:10px;margin-bottom:18px}
  .seg{
    text-align:left; cursor:pointer; background:var(--panel-2); border:1px solid var(--line);
    border-radius:12px; padding:13px 14px; color:var(--text); font-family:var(--body); font-size:15px;
    display:flex; align-items:center; gap:12px; transition:border-color .15s, background .15s; width:100%;
  }
  .seg:hover{border-color:#3c5483}
  .seg .tick{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--muted);flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:border-color .15s}
  .seg .tick::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .15s}
  .seg.active{border-color:var(--accent);background:rgba(245,166,35,.12)}
  .seg.active .tick{border-color:var(--accent)}
  .seg.active .tick::after{transform:scale(1)}
  #role-wrap{max-height:0;overflow:hidden;transition:max-height .25s ease}
  #role-wrap.open{max-height:120px}
  .cta{width:100%;margin-top:8px;background:var(--accent);color:var(--ink);border:none;cursor:pointer;font-family:var(--display);font-weight:700;font-size:16px;padding:15px;border-radius:12px;transition:transform .1s, filter .15s}
  .cta:hover{filter:brightness(1.05)} .cta:active{transform:translateY(1px)}
  .meta{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;margin-top:16px}
  .err{color:#f3a39a;font-size:12px;margin-top:6px;min-height:0}
  .thanks{text-align:center;padding:22px 4px}
  .thanks .big{font-family:var(--display);font-weight:500;font-size:26px;margin:16px 0 8px}
  .thanks p{color:var(--muted);margin:0}
  .check{width:56px;height:56px;border-radius:50%;background:rgba(245,166,35,.14);border:1px solid var(--accent);display:inline-flex;align-items:center;justify-content:center}
  .check svg{stroke:var(--accent)}
  .hidden{display:none}
  @media (prefers-reduced-motion:reduce){*{transition:none!important}}
  @media (max-width:480px){.card{padding:26px 20px}h1{font-size:24px}}