:root{
      --bg:#060716; --bg2:#0d0f24; --card:#14162d; --text:#ffffff;
      --muted:#b9bdd4; --soft:#8d91aa; --purple:#8b5cf6; --purple2:#a78bfa;
      --cyan:#22d3ee; --green:#22c55e; --border:rgba(255,255,255,.11);
      --shadow:0 30px 100px rgba(0,0,0,.45);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:Inter,Arial,sans-serif;
      background:
        radial-gradient(circle at 20% 6%, rgba(139,92,246,.34), transparent 28%),
        radial-gradient(circle at 80% 12%, rgba(34,211,238,.14), transparent 24%),
        linear-gradient(180deg,var(--bg) 0%, #090a1d 45%, #050613 100%);
      color:var(--text); line-height:1.5; overflow-x:hidden;
    }
    a{text-decoration:none;color:inherit}
    .wrap{max-width:1160px;margin:0 auto;padding:22px 20px 60px}
    header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 64px}
    .brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;letter-spacing:1.6px}
    .mark{
      width:42px;height:34px;position:relative;filter:drop-shadow(0 12px 30px rgba(139,92,246,.45));
      background:linear-gradient(135deg,var(--purple),var(--cyan));
      clip-path:polygon(0 100%,15% 15%,42% 56%,100% 0,70% 100%,55% 100%,65% 44%,42% 70%,22% 45%,18% 100%);
    }
    nav{display:flex;gap:26px;color:#d8d9e8;font-size:14px}
    nav a:hover{color:white}
    .top-cta{padding:11px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--border);font-weight:800}
    .hero{display:grid;grid-template-columns:1.03fr .97fr;gap:52px;align-items:center;min-height:610px}
    .badge{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(139,92,246,.13);border:1px solid rgba(167,139,250,.28);color:#d8ccff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px}
    h1{font-size:clamp(52px,7vw,92px);line-height:.95;letter-spacing:-4px;margin-bottom:24px}
    h1 span{background:linear-gradient(135deg,#fff,#a78bfa 62%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
    .subtitle{color:#d8d9e8;font-size:21px;max-width:610px;margin-bottom:26px}
    .problem-line{color:var(--purple2);font-weight:900;font-size:18px;margin-bottom:28px}
    .hero-box{background:rgba(255,255,255,.045);border:1px solid var(--border);border-radius:24px;padding:18px;margin-bottom:24px;max-width:620px}
    .hero-box b{color:white}.hero-box p{color:var(--muted);font-size:15px}
    .form-inline{display:flex;gap:12px;max-width:620px;margin-bottom:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:9px;border-radius:18px}
    .form-inline input{flex:1;min-width:0;background:transparent;border:0;color:white;font-size:15px;padding:13px;outline:none}
    .form-inline input::placeholder{color:#858aa7}
    .btn{border:0;border-radius:13px;padding:14px 20px;font-weight:900;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
    .primary{background:linear-gradient(135deg,var(--purple),#9d6cff);color:white;box-shadow:0 18px 46px rgba(139,92,246,.35)}
    .small-note{color:#8f93ad;font-size:13px}.small-note span{color:var(--green);font-weight:900}
    .visual{position:relative}
    .phone{width:min(100%,430px);margin-left:auto;border-radius:36px;padding:18px;background:linear-gradient(180deg,#252744,#111329);border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);transform:rotate(2deg)}
    .screen{background:#f7f7fb;color:#111226;border-radius:28px;padding:22px;min-height:520px}
    .profile{display:flex;align-items:center;gap:12px;margin-bottom:22px}
    .avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#ddd,#8b5cf6)}
    .muted{color:#6c6f82;font-size:13px}
    .score{background:#111226;color:white;border-radius:22px;padding:20px;margin-bottom:14px}
    .score .label{color:#aaa;font-size:13px}.score .num{font-size:48px;font-weight:900;line-height:1}
    .skill{display:flex;justify-content:space-between;gap:14px;align-items:center;background:white;border:1px solid #ebeaf3;border-radius:16px;padding:14px;margin-bottom:10px}
    .ok{color:var(--green);font-weight:900}.todo{color:#f59e0b;font-weight:900}
    .float{position:absolute;left:0;bottom:52px;width:270px;border-radius:22px;padding:18px;background:rgba(9,10,28,.88);border:1px solid rgba(167,139,250,.32);box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(12px)}
    .float b{display:block;margin-bottom:4px}.float p{color:var(--muted);font-size:14px}
    section{margin-top:86px}
    .section-head{text-align:center;max-width:780px;margin:0 auto 34px}
    .eyebrow{color:var(--purple2);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.7px;margin-bottom:9px}
    h2{font-size:clamp(34px,4.5vw,54px);line-height:1.05;letter-spacing:-2px;margin-bottom:14px}
    .section-head p{color:var(--muted);font-size:18px}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{background:rgba(20,22,45,.88);border:1px solid var(--border);border-radius:24px;padding:25px;min-height:190px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
    .card h3{font-size:21px;margin-bottom:10px}.card p{color:var(--muted);font-size:16px}
    .bad h3{color:#ffb4b4}.good h3{color:#b7ffc9}
    .steps{display:grid;grid-template-columns:1fr;gap:14px;max-width:760px;margin:0 auto}
    .step{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;background:rgba(255,255,255,.045);border:1px solid var(--border);border-radius:22px;padding:20px}
    .step-num{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--purple),var(--cyan));display:flex;align-items:center;justify-content:center;font-weight:900}
    .step p{color:var(--muted)}
    .beta{background:radial-gradient(circle at 20% 10%, rgba(139,92,246,.35), transparent 32%),linear-gradient(135deg,rgba(139,92,246,.15),rgba(255,255,255,.03));border:1px solid rgba(167,139,250,.3);border-radius:34px;padding:38px;display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}
    .beta h2 span{color:var(--purple2)}
    .beta-list{display:grid;gap:12px;margin-top:22px;color:#d8d9e8}
    .beta-list div{display:flex;gap:10px;align-items:center}
    .check{width:26px;height:26px;min-width:26px;border-radius:50%;background:var(--green);color:#05120a;display:flex;align-items:center;justify-content:center;font-weight:900}
    .form-card{background:#f7f7fb;color:#111226;border-radius:26px;padding:25px}
    .form-card h3{font-size:25px;margin-bottom:8px}.form-card p{color:#60657a;font-size:15px;margin-bottom:16px}
    form{display:grid;gap:12px}
    input,select,textarea{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #d9dbea;font-size:15px;font-family:inherit;outline:none}
    textarea{min-height:86px;resize:vertical}
    .form-card .primary{width:100%;margin-top:4px}
    .privacy{font-size:12px;color:#777;line-height:1.35}
    .faq{max-width:840px;margin:0 auto;display:grid;gap:12px}
    details{background:rgba(255,255,255,.045);border:1px solid var(--border);border-radius:18px;padding:18px}
    summary{cursor:pointer;font-weight:900} details p{color:var(--muted);margin-top:10px}
    footer{margin-top:76px;padding-top:30px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;color:#8f93ad;font-size:13px;flex-wrap:wrap}
    @media(max-width:920px){
      nav{display:none}.hero,.beta{grid-template-columns:1fr}.cards{grid-template-columns:1fr}
      header{padding-bottom:28px}.phone{margin:0 auto;transform:none}.float{position:static;margin:16px auto 0}
      .form-inline{flex-direction:column}.btn{width:100%}h1{letter-spacing:-2px}
    }
  
.skip-link{position:fixed;top:14px;left:14px;z-index:20;padding:10px 14px;border-radius:10px;background:#fff;color:#060716;transform:translateY(-140%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.form-status{font-size:13px;color:#60657a}.form-status.success{color:#15803d}.form-status.error{color:#dc2626}.form-card button:disabled{opacity:.72;cursor:not-allowed}.turnstile-slot{display:none}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}