:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07111f;color:#eef6ff;font-synthesis:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-width:320px;background:radial-gradient(circle at 76% 10%,#15365a 0,transparent 35%),linear-gradient(145deg,#07111f 10%,#0c1929 70%,#07111f);line-height:1.5}
button,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.page-glow{position:absolute;inset:0 0 auto;height:780px;pointer-events:none;background:radial-gradient(ellipse at 82% 42%,#0a8bd322,transparent 42%)}
.container{position:relative;width:min(1180px,calc(100% - 56px));margin:auto}
.header{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff17}
.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:-.04em}
.brand img{width:42px;height:42px;border-radius:12px}
.header-tag,.section-kicker,.eyebrow,.price small,.card-content label,.info-row>span{font-size:11px;font-weight:750;letter-spacing:.17em}
.header-tag{color:#7e9bb5}
.hero{min-height:470px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:60px 0 70px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#59d3ff}
.eyebrow-line{width:20px;height:2px;background:#59d3ff;box-shadow:0 0 12px #27c3ff}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(42px,5vw,72px);line-height:1.06;letter-spacing:-.058em;margin:22px 0 24px;font-weight:760}
h1 em{font-style:normal;color:#4ad0ff}
.hero-copy>p{max-width:540px;color:#a8bdd0;font-size:17px;line-height:1.7;margin-bottom:30px}
.hero-pills{display:flex;flex-wrap:wrap;gap:9px}
.hero-pills span{padding:8px 12px;border:1px solid #6c9bc63b;border-radius:100px;color:#a8c3d8;font-size:12px}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}
.hero-art img{position:relative;z-index:1;width:min(100%,360px);height:auto;border-radius:28%;box-shadow:0 40px 100px #0008,0 0 70px #139de02e}
.art-orbit{position:absolute;width:400px;height:400px;max-width:100%;border:1px solid #239fe843;border-radius:50%;box-shadow:0 0 100px #168bdd20,inset 0 0 80px #168bdd12}
.flow{padding:44px 0 90px;border-top:1px solid #ffffff17}
.flow-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}
.section-kicker{color:#54caff}
h2{font-size:clamp(29px,3vw,40px);letter-spacing:-.045em;margin:10px 0 0}
.price{text-align:right;padding-left:20px;border-left:1px solid #45739460}
.price small{display:block;color:#8da8bf;white-space:nowrap}
.price strong{font-size:28px;letter-spacing:-.04em}
.step-track{display:flex;align-items:center;gap:17px;color:#69859e;margin-bottom:28px;font-size:13px;font-weight:700}
.step-track span{white-space:nowrap}
.step-track b{font-weight:600;margin-left:5px}
.step-track .active{color:#57ccfb}
.step-track i{display:block;width:66px;height:1px;background:#42617c}
.flow-card{display:grid;grid-template-columns:175px 1fr;min-height:420px;border:1px solid #31506c;background:linear-gradient(125deg,#132b42e8,#0d2033f0);border-radius:20px;box-shadow:0 24px 70px #0004;overflow:hidden}
.card-number{padding:34px;color:#68c9fa;font-size:13px;font-weight:750;letter-spacing:.16em;border-right:1px solid #31506c;background:linear-gradient(135deg,#1685cc16,transparent)}
.card-content{padding:36px 48px 44px;max-width:780px}
h3{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin-bottom:10px}
.card-content>p{color:#a7bbcd;line-height:1.65;margin-bottom:28px}
.card-content label{display:block;color:#8db4ce;margin-bottom:11px}
textarea{width:100%;height:132px;resize:vertical;display:block;padding:17px 18px;border:1px solid #466987;border-radius:10px;background:#061524;color:#eef8ff;font-size:14px;line-height:1.5;outline:none}
textarea::placeholder{color:#607e95}
textarea:focus{border-color:#40bfff;box-shadow:0 0 0 3px #27baff22}
.field-footer{display:flex;justify-content:space-between;gap:15px;color:#819bb0;font-size:12px;margin:11px 0 29px}
.link-button{border:0;background:none;color:#62cfff;padding:0;font-size:13px;font-weight:650;white-space:nowrap}
.link-button:hover{text-decoration:underline}
.button-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:240px;padding:15px 20px;border:1px solid #63d9ff;border-radius:9px;background:linear-gradient(110deg,#36c9f7,#57d4fa);color:#051523;font-size:14px;font-weight:800;box-shadow:0 9px 25px #15afe735}
.button-primary:hover{filter:brightness(1.1)}
.button-primary:disabled{cursor:wait;opacity:.65}
.info-row{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff20;padding:15px 0}
.info-row>span{color:#8ca9bf}
.info-row strong{font-size:15px}
.payment-button{width:100%;margin:19px 0 26px}
.payment-note{display:flex;gap:15px;padding:19px;border:1px solid #3c73954d;border-radius:10px;background:#0a293c}
.payment-note strong{display:block;font-size:15px;margin-bottom:4px}
.payment-note p{color:#9eb9ca;font-size:13px;margin:0;line-height:1.55}
.pulse{flex:0 0 9px;width:9px;height:9px;margin-top:7px;border-radius:50%;background:#42d9fd;box-shadow:0 0 0 5px #42d9fd22,0 0 13px #42d9fd}
.wait-timers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.wait-timers>div{padding:16px 18px;border:1px solid #315b78;border-radius:10px;background:#071b2d}
.wait-timers span{display:block;color:#8baac1;font-size:10px;font-weight:750;letter-spacing:.13em}
.wait-timers strong{display:block;margin-top:5px;color:#e4f7ff;font:700 28px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
.fine-print{font-size:12px!important;color:#8da7ba!important;margin:18px 0 0!important}
.cancel-button{display:block;margin-top:18px;padding:0}
.done-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border-radius:50%;background:#2fcfb82d;color:#63ead5;font-size:25px}
.key-box{overflow-wrap:anywhere;padding:20px;margin:14px 0 22px;border:1px solid #438aaa;border-radius:10px;background:#071725;color:#a8eaff;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;user-select:all}
.status{min-height:24px;margin-top:16px;color:#80dbfb;font-size:14px}
.status.error{color:#ffadad}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff17;padding:26px 0 42px;color:#7692a8;font-size:12px}
@media(max-width:850px){.hero{grid-template-columns:1fr .65fr;gap:20px}.hero-art{min-height:280px}.art-orbit{width:300px;height:300px}.flow-card{grid-template-columns:110px 1fr}.card-content{padding:32px}}
@media(max-width:620px){.container{width:min(100% - 32px,480px)}.header{height:72px}.header-tag{display:none}.hero{grid-template-columns:1fr;gap:14px;padding:48px 0 54px}.hero-copy>p{font-size:15px}.hero-art{min-height:220px;order:-1}.hero-art img{width:190px}.art-orbit{width:220px;height:220px}.flow{padding-top:35px}.flow-heading{align-items:start}.price strong{font-size:21px}.price small{font-size:9px}.step-track{gap:7px;font-size:11px}.step-track i{width:20px}.step-track b{display:none}.flow-card{display:block;min-height:0}.card-number{padding:20px 22px;border-right:0;border-bottom:1px solid #31506c}.card-content{padding:25px 22px 30px}h3{font-size:25px}.field-footer{display:block}.field-footer button{display:block;margin-top:9px}.button-primary{width:100%}footer{display:block}footer span{display:block;margin-bottom:7px}}
@media(max-width:420px){.wait-timers{grid-template-columns:1fr}.wait-timers strong{font-size:24px}}
