*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,#eeeaff 0,transparent 38%),#f8f9fc;color:#272b3b;font:14px system-ui,sans-serif}a{color:inherit;text-decoration:none}a,button{outline-offset:4px}header{height:88px;padding:0 clamp(20px,5vw,72px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e9f0;background:#fff}.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand img{width:150px;height:auto}.brand span{font-size:9px;letter-spacing:1.3px;color:#26384d;font-weight:600}.back{color:#645a7a;font-size:12px}.back:hover{color:#6349cf}main{max-width:1080px;margin:0 auto;padding:72px 30px 90px;display:grid;grid-template-columns:1fr 410px;gap:75px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#8a75cf}.intro h1{font-size:clamp(35px,4vw,54px);line-height:1.13;letter-spacing:-2.1px;max-width:610px;margin:18px 0}.intro p{font-size:16px;line-height:1.7;color:#818a9a;max-width:510px}.plan{padding:32px;background:white;border:1px solid #e5e2ef;border-radius:22px;box-shadow:0 20px 65px #3c2d7512}.plan-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.badge{font-size:10px;letter-spacing:1.2px;color:#7054d9;font-weight:750}.account-status{font-size:11px;color:#81899a;text-align:right}.plan h2{font-size:25px;margin:28px 0 2px}.price{display:flex;align-items:baseline;gap:8px}.price strong{font-size:45px;letter-spacing:-1.8px}.price span,.billing-note{color:#858c9c}.billing-note{font-size:12px;line-height:1.6}.plan ul{padding:22px 0 22px 20px;margin:22px 0;border-block:1px solid #eeeaf3;line-height:2;color:#4b5262}.plan li::marker{color:#7758e0}.plan button{width:100%;padding:15px;border:0;border-radius:10px;background:#e9e5f6;color:#7e729e;font-weight:700;cursor:not-allowed}.status-note{font-size:11px;color:#8b8198;line-height:1.6}.enter{display:block;text-align:center;color:#654dcf;font-weight:650;font-size:12px;margin-top:25px}footer{padding:25px;text-align:center;font-size:11px;color:#a2a8b4}footer a:hover{text-decoration:underline}@media(max-width:780px){main{grid-template-columns:1fr;gap:30px;padding:45px 20px 70px}.intro h1{font-size:39px}.plan{width:100%;max-width:480px;margin:auto}header{height:75px}.back{font-size:11px}}
#subscribe:not(:disabled){background:#6c54df;color:#fff;cursor:pointer;box-shadow:0 8px 24px #6c54df30}#subscribe:not(:disabled):hover{background:#5940ca}#subscribe:focus-visible{outline:2px solid #6c54df}