:root,[data-ll-theme=dark]{--ll-navy:#000f27;--ll-orange:#fd5704;--ll-gold:#fdd402;--ll-cream:#fde9d0;--ll-lime:#8dab01;--ll-ink:#000f27;--ll-red-300:#ff8a7e;--ll-bg:#000f27;--ll-surface:#0b1c38;--ll-surface-2:#15294b;--ll-border:#243a5e;--ll-text:#fde9d0;--ll-muted:#a9b3c6;--ll-link:#fdd402;--ll-sticker:0 3px 0 #00060f;--ll-shadow-md:0 6px 18px rgba(0,0,0,.4);--ll-font-display:"Baloo 2",system-ui,sans-serif;--ll-font-body:"DM Sans",system-ui,sans-serif}[data-ll-theme=light]{--ll-red-300:#c8261b;--ll-bg:#fff8ef;--ll-surface:#fffdf9;--ll-surface-2:#fde9d0;--ll-border:#efd9bb;--ll-text:#000f27;--ll-muted:#4a5670;--ll-link:#c23e00;--ll-sticker:0 3px 0 #000f27;--ll-shadow-md:0 6px 18px rgba(0,15,39,.1)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ll-bg);color:var(--ll-text);font:16px/1.5 var(--ll-font-body);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--ll-link)}a:hover{color:var(--ll-orange)}:focus-visible{outline:2px solid var(--ll-gold);outline-offset:2px}svg{width:1em;height:1em;flex:none}.theme{position:absolute;top:16px;right:24px;height:44px;border-radius:999px;background:var(--ll-surface-2);display:flex;padding:4px;gap:2px;z-index:2}.theme button{width:36px;border:0;border-radius:999px;background:transparent;color:var(--ll-muted);display:grid;place-items:center;cursor:pointer;font-size:18px}.theme button[aria-pressed=true]{background:var(--ll-text);color:var(--ll-bg)}main{flex:1;display:grid;grid-template-columns:1fr 480px;gap:64px;padding:72px 64px 32px;align-items:center;max-width:1280px;width:100%;margin:0 auto}.hero{display:grid;gap:28px}.hero-top{display:grid;gap:12px;justify-items:start}.logo{width:300px;height:auto}h1{font:700 72px/1 var(--ll-font-display);letter-spacing:-.5px;margin:0}.lead{font:20px/1.5 var(--ll-font-body);color:var(--ll-muted);max-width:480px;margin:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{border-radius:20px;background:var(--ll-surface);border:1px solid var(--ll-border);padding:16px;display:flex;gap:12px;align-items:flex-start}.card h2{font:600 17px var(--ll-font-display);margin:0}.card p{font:14px/1.45 var(--ll-font-body);color:var(--ll-muted);margin:2px 0 0}.ic{width:44px;height:44px;flex:none;border-radius:50%;border:2px solid var(--ll-ink);display:grid;place-items:center;font-size:22px}.ic.o{background:var(--ll-orange);color:var(--ll-cream)}.ic.g{background:var(--ll-gold);color:var(--ll-navy)}.panel{border-radius:28px;background:var(--ll-surface);border:1px solid var(--ll-border);padding:28px;box-shadow:var(--ll-shadow-md);display:grid;gap:14px}.panel h2{font:600 22px/1.2 var(--ll-font-display);margin:0}.panel p{margin:0;color:var(--ll-muted);font-size:15px}.panel .hint{font-size:14px}.field{display:grid;gap:5px;font:600 14px var(--ll-font-body)}.field small{font:400 13px var(--ll-font-body);color:var(--ll-muted)}.field input{height:52px;border-radius:14px;border:2px solid var(--ll-border);background:var(--ll-surface);color:var(--ll-text);padding:0 16px;font:16px var(--ll-font-body);width:100%}.field input::-moz-placeholder{color:var(--ll-muted)}.field input::placeholder{color:var(--ll-muted)}.field input[aria-invalid=true],.phone.bad{border-color:var(--ll-red-300)}.phone{height:52px;border-radius:14px;border:2px solid var(--ll-border);background:var(--ll-surface);display:flex;align-items:center;gap:8px;padding:0 0 0 16px}.phone b{font:700 16px var(--ll-font-body)}.phone i{width:1px;height:22px;background:var(--ll-border)}.phone input{border:0;height:48px;padding:0 12px 0 4px;background:transparent}.phone input:focus-visible{outline:none}.phone:focus-within{outline:2px solid var(--ll-gold);outline-offset:2px}.tick{display:flex;gap:12px;align-items:flex-start;min-height:44px;font:14px/1.45 var(--ll-font-body);cursor:pointer;position:relative}.tick input{position:absolute;opacity:0;width:24px;height:24px;margin:0}.tick .box{width:24px;height:24px;flex:none;border-radius:7px;border:2px solid var(--ll-text);display:grid;place-items:center;margin-top:1px;color:transparent;font-size:14px}.tick input:checked+.box{background:var(--ll-orange);border-color:var(--ll-ink);color:var(--ll-navy)}.tick input:focus-visible+.box{outline:2px solid var(--ll-gold);outline-offset:2px}.tick em{font-style:normal;color:var(--ll-muted)}.tick.bad .box{border-color:var(--ll-red-300)}.devices{display:flex;gap:10px;margin-left:36px}.devices label{min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--ll-border);display:flex;align-items:center;gap:8px;cursor:pointer;font:600 14px var(--ll-font-body)}.devices label.on{border-color:var(--ll-gold);background:var(--ll-surface-2)}.devices input{accent-color:var(--ll-orange)}.devices.bad label{border-color:var(--ll-red-300)}.panel .privacy{font-size:13px;margin:-6px 0 0 36px}.error{color:var(--ll-red-300);font:600 14px var(--ll-font-body)}.panel .error{color:var(--ll-red-300)}.primary{min-height:52px;border-radius:999px;background:var(--ll-orange);color:var(--ll-navy);border:2px solid var(--ll-ink);box-shadow:var(--ll-sticker);display:flex;align-items:center;justify-content:center;gap:8px;font:600 18px var(--ll-font-display);padding:0 24px;cursor:pointer}.primary:disabled{opacity:.7;cursor:progress}.primary svg{font-size:20px}.badge{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px;border:2px solid var(--ll-ink)}.badge.ok{background:var(--ll-lime);color:var(--ll-navy)}.badge.info{background:var(--ll-gold);color:var(--ll-navy)}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 16px;padding:18px 64px;font:13px var(--ll-font-body);color:var(--ll-muted);border-top:1px solid var(--ll-border)}@media (max-width:1024px){main{grid-template-columns:1fr;gap:32px;padding:80px 40px 32px;max-width:720px}footer{padding:18px 40px;justify-content:center}}@media (max-width:600px){main{padding:72px 20px 24px;gap:28px}.logo{width:200px}h1{font-size:44px}.lead{font-size:17px}.cards{grid-template-columns:1fr}.panel{padding:22px;border-radius:24px}.devices{margin-left:0}footer{padding:16px 20px}}@media (prefers-reduced-motion:no-preference){.logo{animation:pop .5s ease-out both}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}}