:root { color-scheme: dark; font-family: Inter, Segoe UI, Arial, sans-serif; background:#050505; color:#fff; }
    * { box-sizing:border-box; }
    body {
      margin:0; min-height:100vh; display:grid; place-items:center; padding:28px;
      background:
        radial-gradient(circle at 18% 12%, rgba(255,255,255,.12), transparent 23%),
        radial-gradient(circle at 86% 80%, rgba(255,255,255,.08), transparent 25%),
        linear-gradient(135deg, #040404, #0b0b0b 54%, #030303);
    }
    .shell { width:min(1040px, 100%); display:grid; grid-template-columns: 1.05fr .95fr; border:1px solid rgba(255,255,255,.14); background:rgba(8,8,8,.92); box-shadow:0 40px 120px rgba(0,0,0,.65); min-height:610px; border-radius:12px; overflow:hidden; }
    .hero { padding:42px; border-right:1px solid rgba(255,255,255,.10); display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); }
    .eyebrow { display:inline-flex; align-items:center; gap:8px; width:max-content; border:1px solid rgba(255,255,255,.18); padding:8px 10px; color:#d8d8d8; font-weight:900; font-size:12px; letter-spacing:.7px; text-transform:uppercase; border-radius:8px; }
    .dot { width:8px; height:8px; background:#9dffbd; border-radius:50%; box-shadow:0 0 18px rgba(157,255,189,.55); }
    h1 { margin:26px 0 12px; font-size:52px; line-height:.96; letter-spacing:-1.8px; }
    .lead { color:#b8b8b8; font-size:16px; line-height:1.65; max-width:510px; margin:0; }
    .features { display:grid; gap:12px; margin-top:34px; }
    .feature { display:flex; gap:12px; align-items:flex-start; color:#d5d5d5; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.035); padding:13px; border-radius:10px; }
    .feature strong { display:block; color:#fff; margin-bottom:3px; }
    .feature span { color:#a8a8a8; font-size:13px; line-height:1.45; }
    .icon { width:26px; height:26px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); font-weight:900; border-radius:6px; }
    .panel { padding:42px; display:flex; flex-direction:column; justify-content:center; }
    .card-head { margin-bottom:24px; }
    .card-head h2 { margin:0 0 8px; font-size:28px; letter-spacing:-.4px; }
    .card-head p { margin:0; color:#9f9f9f; line-height:1.5; }
    .tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:18px; }
    .tabs button, .submit { border:1px solid rgba(255,255,255,.14); padding:12px 14px; font-weight:900; cursor:pointer; background:#111; color:#bdbdbd; border-radius:8px; }
    .tabs button.active { background:#fff; color:#000; border-color:#fff; }
    label { display:block; margin:12px 0; color:#d5d5d5; font-size:12px; font-weight:900; letter-spacing:.45px; text-transform:uppercase; }
    input { width:100%; margin-top:7px; background:#090909; border:1px solid rgba(255,255,255,.16); color:#fff; padding:13px 14px; outline:0; font-size:15px; border-radius:8px; }
    input:focus { border-color:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.08); }
    .submit { width:100%; margin-top:10px; background:#fff; color:#000; font-size:15px; border-color:#fff; }
    .submit:disabled { opacity:.58; cursor:not-allowed; }
    .hidden { display:none; }
    .msg { min-height:20px; margin:13px 0 0; color:#ff9b9b; font-size:13px; line-height:1.4; }
    .ok { color:#9dffbd; }
    .muted { color:#858585; font-size:12px; margin-top:18px; line-height:1.45; }
    .security-line { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
    .chip { border:1px solid rgba(255,255,255,.12); color:#aaa; padding:6px 8px; font-size:11px; font-weight:800; border-radius:7px; }
    @media (max-width: 860px) { body{padding:16px}.shell{grid-template-columns:1fr}.hero{border-right:0;border-bottom:1px solid rgba(255,255,255,.10);padding:28px}.panel{padding:28px}h1{font-size:40px}.features{margin-top:22px} }