:root{--background:#050505;--panel:#101010;--panel-strong:#171717;--line:#ffffff1c;--text:#fff;--muted:#b8b8be;--red:#ef3434;--red-dark:#c82323;--green:#4c9a3e}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.shell{background:radial-gradient(circle at 50% -10%, #ef343424, transparent 34%), var(--background);min-width:0;min-height:100vh;padding:48px 20px 72px}.siteHeader{border-bottom:1px solid var(--line);width:min(720px,100%);margin:0 auto 34px;padding-bottom:28px}.logo{width:220px;height:auto;display:block}h1,h2{letter-spacing:-.035em;margin:0;line-height:1.08}h1{font-size:clamp(32px,4vw,42px)}h2{font-size:clamp(24px,3vw,30px)}h3{letter-spacing:-.015em;margin:0;font-size:18px;line-height:1.3}p{font-size:16px;line-height:1.6}.panel{flex-direction:column;gap:18px;width:min(720px,100%);min-width:0;margin:0 auto;display:flex}.pageIntro{margin-bottom:8px}.pageIntro p{max-width:620px;color:var(--muted);margin:10px 0 0}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:grid}.steps li{color:#7b7b82;border:1px solid var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:9px;padding:9px 10px;font-size:12px;font-weight:700;display:flex}.steps span{background:#262626;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.steps li.active{color:var(--text);border-color:#ef34346b}.steps li.active span{background:var(--red)}.card{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-width:0;padding:30px;box-shadow:0 18px 44px #00000038}.muted,.hint{color:var(--muted)}.card>h2+.muted{margin:12px 0 4px}.hint{margin-bottom:0;font-size:14px}label{color:#ededf0;gap:9px;margin-top:16px;font-size:14px;font-weight:700;display:grid}input,select{border:1px solid var(--line);width:100%;min-width:0;min-height:50px;color:var(--text);background:#080808;border-radius:12px;outline:none;padding:0 14px;font-weight:400}option{font-weight:400}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5.25 7 9l4-3.75' stroke='%23B8B8BE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px;padding-right:44px}input:focus,select:focus{border-color:#ef3434c7;box-shadow:0 0 0 4px #ef34341f}button,.downloadGrid a{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:50px;margin-top:20px;font-weight:800;text-decoration:none;display:inline-flex}button:hover,.downloadGrid a:hover{background:var(--red-dark)}button:disabled{cursor:not-allowed;opacity:.58}.secondary{border:1px solid var(--line);background:0 0}.secondary:hover{background:#ffffff14}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.actions{grid-template-columns:.7fr 1.3fr;gap:12px;display:grid}.formSection{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.sectionHelp{color:var(--muted);margin:4px 0 0;font-size:14px}.alert{color:#ffd2d2;background:#ef34341f;border:1px solid #ef34346b;border-radius:18px;padding:15px 18px;font-weight:800}.codeInput{letter-spacing:.28em;text-align:center;max-width:260px;font-size:24px}.textButton{width:auto;min-height:0;color:var(--muted);background:0 0;margin:18px 0 0;padding:0;font-size:14px;font-weight:700}.textButton:hover{color:var(--text);background:0 0}.summary{gap:12px;display:grid}.membershipCard{border:1px solid var(--line);background:#ffffff0b;border-radius:14px;margin:20px 0 24px;overflow:hidden}.membershipHeading{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;display:flex}.membershipHeading h3{font-size:19px}.membershipHeading p{color:var(--muted);margin:5px 0 0;font-size:14px}.membershipBadge{color:#9dd892;background:#4c9a3e29;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:800}.membershipDetails{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;margin:0;display:grid}.membershipDetails>div{min-width:0;padding:16px 18px}.membershipDetails>div+div{border-left:1px solid var(--line)}.membershipDetails dt{color:var(--muted);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.summaryRow span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.membershipDetails dd,.summaryRow strong{color:var(--text);margin:0;font-size:16px;font-weight:800;display:block}.summaryRow{border:1px solid var(--line);background:#ffffff0b;border-radius:14px;padding:16px}.paymentCard{padding:30px}.subscriptionSummary{border:1px solid var(--line);background:#ffffff09;border-radius:16px;margin:24px 0;overflow:hidden}.subscriptionTop{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;display:flex}.subscriptionTop h3{font-size:20px}.subscriptionTop p{color:var(--muted);margin:5px 0 0;font-size:14px}.subscriptionTop>strong{color:var(--text);flex:none;font-size:24px;line-height:1}.subscriptionTop>strong span{color:var(--muted);margin-left:3px;font-size:13px;font-weight:400}.paymentSchedule{margin:0;padding:8px 20px;list-style:none}.paymentSchedule li{grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:12px 0;display:grid;position:relative}.paymentSchedule li+li{border-top:1px solid #ffffff12}.scheduleMarker{border:3px solid var(--red);background:var(--panel);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 4px #ef34341a}.paymentSchedule li div{gap:3px;display:grid}.paymentSchedule li div strong{font-size:14px}.paymentSchedule li div span{color:var(--muted);font-size:13px}.paymentSchedule li b{font-size:15px}.paymentMethodSection{border-top:1px solid var(--line);margin-top:26px;padding-top:26px}.paymentMethodHeading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.paymentMethodHeading span{color:var(--muted);font-size:12px}.subscriptionNotice{background:#4c9a3e17;border:1px solid #4c9a3e47;border-radius:12px;align-items:flex-start;gap:11px;margin-top:22px;padding:14px 16px;display:flex}.subscriptionNotice>span{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:12px;font-weight:800;display:grid}.subscriptionNotice p{color:#d6e8d2;margin:0;font-size:13px;line-height:1.5}.paymentError{margin-top:18px}.paymentActions{margin-top:4px}.paymentTerms{color:#8f8f96;text-align:center;margin:14px 0 0;font-size:11px;line-height:1.5}.successShell{background:radial-gradient(circle at 50% 0%, #ef343424, transparent 36%), var(--background);place-items:center;min-height:100vh;padding:28px;display:grid}.successCard{border:1px solid var(--line);text-align:center;background:#080808e6;border-radius:22px;width:min(680px,100%);padding:42px}.successCard img{width:min(300px,70vw);height:auto;margin-bottom:28px}.downloadGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.downloadGrid a.disabled{opacity:.5;pointer-events:none}.textLink{color:var(--muted);margin-top:20px;display:inline-block}.statusSpinner{border:3px solid #ffffff2e;border-top-color:var(--red);border-radius:50%;width:34px;height:34px;margin:28px auto 8px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.shell{padding-top:36px}}@media (max-width:620px){.shell{padding:24px 16px 40px}.siteHeader{margin-bottom:26px;padding-bottom:22px}.logo{width:180px}.card{border-radius:16px;padding:22px 18px}.grid,.actions,.downloadGrid,.membershipDetails{grid-template-columns:1fr}.membershipDetails>div+div{border-top:1px solid var(--line);border-left:0}.paymentCard{padding:22px 18px}.subscriptionTop{gap:16px;padding:18px 16px}.subscriptionTop h3{font-size:17px}.subscriptionTop>strong{font-size:20px}.paymentSchedule{padding:6px 16px}.paymentSchedule li{grid-template-columns:12px minmax(0,1fr) auto;gap:10px}.paymentMethodHeading{flex-direction:column;align-items:flex-start;gap:4px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:visible}.steps li{text-align:center;flex-direction:column;gap:5px;min-width:0;padding:8px 3px;font-size:10px;line-height:1.2}h1{font-size:30px}h2{font-size:24px}}