@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0f0b18;--surface:#191329;--surface2:#21193c;--line:#322852;--ink:#faf8ff;--muted:#aaa1c1;--violet:#9b6cff;--violet2:#6e43eb;--green:#57dda0}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 80% 0,#33205f 0,transparent 35%),var(--bg);font-family:Manrope,Arial;color:var(--ink);min-height:100vh}.app{max-width:560px;margin:auto;min-height:100vh;padding:22px 18px 112px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#b38aff,#6539e6);font-weight:800;font-size:20px;box-shadow:0 8px 24px #7549e766}.mark span{color:#251343}.brand b{font-size:17px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.round{border:1px solid var(--line);background:#191329;color:#d8ccff;border-radius:50%;width:34px;height:34px;font-weight:700}.hero{padding:45px 1px 26px}.kicker{font-size:10px;letter-spacing:1.7px;color:#b99dff;font-weight:800}.hero h1{font-size:42px;line-height:1.04;letter-spacing:-2px;margin:11px 0}.hero h1 span{color:var(--violet)}.hero p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 19px}.online{display:inline-flex;align-items:center;gap:7px;color:#bcefd3;font-size:11px;background:#18372c;border:1px solid #28634b;border-radius:20px;padding:8px 11px}.online i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.card{background:linear-gradient(150deg,#211a3b,#161127);border:1px solid var(--line);border-radius:24px;padding:20px;margin:11px 0;box-shadow:0 15px 35px #08050e55}.card h2{font-size:19px;margin:0 0 5px}.card p{color:var(--muted);font-size:13px;line-height:1.55}.stats{display:flex;gap:9px;margin-top:16px}.stat{background:#171129;border:1px solid var(--line);border-radius:15px;padding:12px;flex:1}.stat b{display:block;font-size:17px}.stat small{color:var(--muted);font-size:10px}.btn{border:0;border-radius:14px;padding:14px 17px;background:linear-gradient(135deg,#a875ff,#7548ec);color:#fff;font:700 13px Manrope;cursor:pointer;box-shadow:0 8px 20px #6c42db44}.btn.full{width:100%}.btn.secondary{background:#2b2150;color:#e9e0ff;box-shadow:none}.plan{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 0}.plan:first-of-type{border-top:0}.plan .icon{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:#302254;font-size:19px}.plan strong{display:block;font-size:14px}.plan span{color:var(--muted);font-size:10px}.price{margin-left:auto;text-align:right;font-weight:800}.price small{display:block;color:var(--muted);font-size:10px;font-weight:500}.key{background:#0d0a15;border:1px solid #382b5c;border-radius:16px;color:#cdbbff;word-break:break-all;padding:16px;font:11px monospace;line-height:1.55}.copy{margin-top:12px}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;display:flex;gap:12px;align-items:flex-start;color:#d7d0e7;font-size:13px;margin:15px 0;line-height:1.45}.steps li:before{content:counter(step);background:#6840d9;color:#fff;border-radius:9px;min-width:23px;height:23px;display:grid;place-items:center;font-weight:800;font-size:11px}.legal{font-size:11px!important;color:var(--muted)}.legal a{color:#bda6ff}.linkbox{display:flex;gap:7px;align-items:center;background:#120e20;padding:11px;border-radius:12px;color:#cbb8ff;font:10px monospace;word-break:break-all}.loader{text-align:center;color:var(--muted);padding:55px}nav{position:fixed;z-index:2;bottom:14px;left:50%;transform:translateX(-50%);width:min(524px,calc(100% - 28px));background:#1a142aee;border:1px solid #382d56;backdrop-filter:blur(14px);border-radius:22px;padding:8px;display:flex;justify-content:space-around;box-shadow:0 12px 35px #08050eaa}nav button{background:none;border:0;color:#8c82a8;font:20px Manrope;padding:4px 14px;cursor:pointer}nav button.active{color:#c6adff}nav small{display:block;font-size:9px;margin-top:2px}