:root{--bg:#f7f4ff;--ink:#241f35;--muted:#6f6a80;--primary:#694cff;--primary2:#8d7bff;--card:#fff;--line:#e8e3f6;--soft:#eee9ff;--shadow:0 22px 70px #402c7824}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 0 0,#ece7ff,#0000 34%),linear-gradient(#faf8ff 0%,#f5f2fc 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{text-align:center;width:min(980px,100% - 36px);margin:0 auto;padding:58px 0 44px}.hero{padding:28px 0 18px}.eyebrow{border:1px solid var(--line);color:var(--primary);background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #604abe14}h1{letter-spacing:-.06em;background:linear-gradient(135deg,#5d3dff,#947eff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:22px 0 18px;font-size:clamp(38px,6vw,68px);line-height:.95}.lead{max-width:690px;color:var(--muted);word-break:keep-all;margin:0 auto;font-size:18px;line-height:1.75}.quickTags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.quickTags span{border:1px solid var(--line);color:#534b68;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:14px;font-weight:700;display:inline-flex}.codeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:34px auto;display:grid}.codeCard{border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;background:#ffffffe6;border-radius:32px;padding:28px;position:relative;overflow:hidden}.codeCard:before{content:"";pointer-events:none;background:linear-gradient(135deg,#694cff1f,#0000 42%);position:absolute;inset:0}.cardTop{color:#9a94aa;text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex;position:relative}.cardTop svg{color:var(--primary)}.codeCard strong{color:var(--primary);letter-spacing:.04em;margin:22px 0 8px;font-size:34px;display:block;position:relative}.codeCard p{color:var(--muted);margin:0 0 22px;position:relative}.copyBtn{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px 18px;font-size:16px;font-weight:900;display:flex;position:relative;box-shadow:0 12px 25px #694cff3d}.copyBtn:hover{transform:translateY(-1px)}.guideBox,.infoPanel,.faq{border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;background:#ffffffe0;border-radius:34px;margin:26px 0;padding:34px}.sectionLabel{color:var(--primary);text-transform:uppercase;letter-spacing:.13em;margin:0 0 7px;font-size:12px;font-weight:900}h2{letter-spacing:-.035em;margin:0 0 20px;font-size:28px}.steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--soft);color:#4d465d;word-break:keep-all;border-radius:19px;align-items:flex-start;gap:14px;padding:15px 16px;line-height:1.55;display:flex}.steps span{color:#fff;background:var(--primary);border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-weight:900}.infoPanel{grid-template-columns:1fr 230px;align-items:center;gap:24px;display:grid}.infoText p:last-child{color:var(--muted);word-break:keep-all;margin:0;line-height:1.8}.miniCard{color:#fff;text-align:center;background:linear-gradient(135deg,#251b55,#674dff);border-radius:28px;padding:26px}.miniCard span{opacity:.74;font-weight:800;display:block}.miniCard b{margin:12px 0;font-size:64px;line-height:1;display:block}.miniCard small{opacity:.78}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{padding-bottom:0}.faq summary{cursor:pointer;font-weight:900}.faq p{color:var(--muted);margin:12px 0 0;line-height:1.7}footer{color:#777085;padding:16px 0 0;font-size:14px}.small{color:#9a93aa;font-size:12px}@media (width<=760px){.page{width:min(100% - 24px,620px);padding-top:34px}.codeGrid,.infoPanel{grid-template-columns:1fr}.codeCard{border-radius:26px;padding:24px}.codeCard strong{font-size:30px}.guideBox,.infoPanel,.faq{border-radius:28px;padding:24px}h2{font-size:24px}.lead{font-size:16px}.quickTags{gap:8px}.miniCard b{font-size:52px}}