:root{--bg:#02060b;--panel:#07111b;--line:#263947;--muted:#91a2ae;--cyan:#22d8df;--purple:#a847ff;--white:#f3f7f9;--gold:#d9aa4c}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(90,34,170,.2),transparent 35%),radial-gradient(circle at 10% 45%,rgba(0,183,222,.12),transparent 30%),var(--bg);color:var(--white);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.flow-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,5vw,72px);border-bottom:1px solid #172630;background:rgba(2,6,11,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.flow-brand{display:flex;align-items:center;gap:12px;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.08em}.flow-brand img{width:38px;height:38px;object-fit:contain}.flow-nav{display:flex;gap:22px;color:#a9b5bd;font-size:14px}.flow-nav a:hover,.flow-nav a:focus-visible{color:var(--cyan)}.flow-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:64px 0 90px}.eyebrow{color:var(--cyan);font:700 13px Rajdhani,sans-serif;letter-spacing:.16em;text-transform:uppercase}.flow-hero{max-width:860px;margin-bottom:42px}.flow-hero h1{font:700 clamp(42px,7vw,78px)/.96 Rajdhani,sans-serif;margin:14px 0}.gradient-text{background:linear-gradient(90deg,var(--cyan),#598cff,var(--purple));background-clip:text;color:transparent}.lead{max-width:760px;color:#aab7c0;font-size:clamp(17px,2vw,21px);line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #365066;border-radius:5px;background:transparent;color:#fff;font-weight:700;cursor:pointer}.button.primary{border-color:#2cdbe2;background:linear-gradient(100deg,#086d95,#6232bf);box-shadow:0 0 30px rgba(35,209,225,.14)}.button:hover,.button:focus-visible{filter:brightness(1.15);outline:2px solid transparent}.button:disabled{cursor:not-allowed;filter:none;opacity:.45}.panel{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(8,20,32,.96),rgba(3,8,14,.96));box-shadow:0 24px 70px rgba(0,0,0,.25)}.step-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.step{padding:15px;border:1px solid var(--line);border-radius:7px;color:#81919c;font-size:13px}.step strong{display:block;margin-bottom:4px;color:#e6edf1}.step.active{border-color:#238ca8;background:rgba(20,191,216,.08)}.bundle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.bundle-card{position:relative;display:flex;flex-direction:column;min-height:365px;padding:24px;border:1px solid var(--line);border-radius:9px;background:#07111b;color:inherit;cursor:pointer}.bundle-card:hover,.bundle-card:focus-visible,.bundle-card.selected{border-color:var(--cyan);box-shadow:0 0 28px rgba(34,216,223,.12);outline:none}.bundle-card input{position:absolute;opacity:0;pointer-events:none}.bundle-card h2{font:700 27px Rajdhani,sans-serif;margin:0}.coins{color:var(--cyan);font:700 22px Rajdhani,sans-serif}.price{margin:0 0 16px;color:#c8d1d7}.bundle-card ul{padding-left:20px;color:#9cadb7;line-height:1.75;font-size:14px}.trial{margin-top:auto;color:#fff;font-weight:700}.popular{position:absolute;right:14px;top:14px;padding:4px 8px;border-radius:99px;background:#6735c4;font-size:11px;text-transform:uppercase}.actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.fine-print{color:#7f909b;font-size:13px;line-height:1.5}.agreement{padding:clamp(22px,5vw,52px)}.agreement h2{font:700 30px Rajdhani,sans-serif}.agreement ul{display:grid;gap:13px;padding-left:22px;color:#aab8c0;line-height:1.6}.consent-row{display:flex;align-items:flex-start;gap:12px;margin-top:28px;padding:18px;border:1px solid #315065;border-radius:7px;background:#071520}.consent-row input{width:20px;height:20px;accent-color:#27d8df}.summary-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.order-summary,.secure-panel{padding:28px}.summary-line{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #20313d}.summary-total{font-size:20px}.notice{padding:15px;border-left:3px solid var(--cyan);background:rgba(31,196,213,.07);color:#aebbc3;line-height:1.55}.upload-panel{padding:clamp(20px,4vw,44px)}.drop-area{min-height:320px;display:grid;place-items:center;padding:32px;border:2px dashed #4c6678;border-radius:10px;text-align:center;background:rgba(4,13,22,.7);transition:.2s ease}.drop-area.dragging{border-color:var(--cyan);background:rgba(34,216,223,.08)}.drop-area h2{font:700 clamp(26px,4vw,42px) Rajdhani,sans-serif;margin:10px}.upload-icon{font-size:48px}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.file-status{min-height:25px;margin-top:18px;color:#aebbc4}.upload-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.stat{padding:24px;border:1px solid var(--line);border-radius:8px;background:#07111b}.stat strong{display:block;color:var(--cyan);font:700 clamp(30px,4vw,46px) Rajdhani,sans-serif}.stat span{color:#a5b3bc;font-size:15px}.module-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.module-tabs a{padding:10px 14px;border:1px solid var(--line);border-radius:99px;color:#9daeb8}.module-tabs a.active,.module-tabs a:hover{border-color:var(--cyan);color:#fff}.module-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:clamp(25px,5vw,55px)}.module-detail h1{font:700 clamp(42px,7vw,75px)/1 Rajdhani,sans-serif;margin:10px 0}.feature-list{display:grid;gap:12px;padding:0;list-style:none}.feature-list li{padding:14px 16px;border:1px solid var(--line);border-radius:6px;color:#aab7c0}.module-mark{min-height:330px;display:grid;place-items:center;border:1px solid #294052;border-radius:9px;background:radial-gradient(circle,rgba(91,52,193,.35),transparent 55%),#040b12;font:700 110px Rajdhani,sans-serif;color:var(--cyan)}.hidden{display:none!important}@media(max-width:850px){.bundle-grid{grid-template-columns:1fr 1fr}.summary-grid,.module-detail{grid-template-columns:1fr}.step-row{grid-template-columns:1fr 1fr}.flow-nav{display:none}}@media(max-width:560px){.flow-main{padding-top:38px}.bundle-grid,.upload-stats,.step-row{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.actions .button{width:100%}.flow-header{padding-inline:16px}.module-mark{min-height:220px}}