:root{color-scheme:dark;--bg:#10101a;--surface:#1a1927;--surface-soft:#211f32;--border:#343044;--text:#f5f2ff;--muted:#aaa5bd;--accent:#b99bff;--purple:#8960ec;--green:#91dfb2;--red:#ffb5be;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 680px 460px at 50% -160px,#3a255b 0,transparent 90%),var(--bg);color:var(--text);font-size:15px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.page{width:min(100% - 48px,760px);margin:0 auto}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;letter-spacing:-.6px;font-weight:750}.brand-mark{width:34px;height:38px;border-radius:10px;background:#aa82ff;color:#180e2c;display:grid;place-items:center;font-size:35px;font-weight:500;line-height:1}.brand-accent{color:#bb9fff}.header-note{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:6px 11px;border-radius:30px}.intro{padding:30px 0 32px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 20px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(38px,6.7vw,56px);font-weight:750;line-height:1.08;letter-spacing:-2.5px;margin:0 0 19px}h1 span{color:#bda2f4}.intro-text{font-size:16px;line-height:1.65;color:var(--muted);margin:0;letter-spacing:-.15px}.surface{background:linear-gradient(145deg,#201d2e 0,#191924 72%);border:1px solid #3b334d;border-radius:24px;padding:28px;box-shadow:0 20px 80px #00000018}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}h2{font-size:18px;letter-spacing:-.35px;margin:0;font-weight:650}.section-step{font-size:10px;letter-spacing:1px;color:#8c829f}fieldset{border:0;padding:0;margin:0;min-width:0}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.plan{position:relative;min-width:0;cursor:pointer}.plan input{position:absolute;opacity:0;inset:0;pointer-events:none}.plan-card{display:flex;flex-direction:column;gap:3px;border:1px solid #40384e;border-radius:14px;padding:16px 13px;background:#242130;min-height:119px;transition:border-color .16s,background .16s,transform .16s}.plan-title{font-size:13px;font-weight:650;line-height:1.35;padding-right:16px}.plan-days{font-size:10px;color:var(--muted)}.plan-price{font-size:23px;font-weight:700;letter-spacing:-.8px;margin-top:auto;padding-top:12px;white-space:nowrap}.plan-radio{position:absolute;right:12px;top:17px;width:12px;height:12px;border:1px solid #6e6282;border-radius:50%}.plan input:checked+.plan-card{background:#3a2853;border-color:#bd95ff;box-shadow:inset 0 0 0 1px #bd95ff30}.plan input:checked+.plan-card .plan-radio{background:#c5a5ff;border-color:#c5a5ff;box-shadow:inset 0 0 0 3px #3a2853}.plan input:focus-visible+.plan-card{outline:3px solid var(--accent);outline-offset:4px}.plan:hover .plan-card{border-color:#8a739e}.form-divider{height:1px;background:var(--border);margin:25px 0}.field+.field{margin-top:20px}.field label{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:550;margin-bottom:8px}.field label span{font-size:11px;font-weight:400;color:#9d94af;align-self:center}input,textarea{width:100%;color:var(--text);background:#14131f;border:1px solid #3b344b;border-radius:11px;padding:13px 14px;min-height:47px}input::placeholder{color:#776f86}input:disabled{opacity:.6}textarea{resize:vertical}.field-help{font-size:11px;line-height:1.65;color:var(--muted);margin:7px 0 0}.button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;border:1px solid transparent;border-radius:11px;padding:12px 17px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;transition:background .16s,opacity .16s,transform .16s}.primary{background:#b89af5;color:#20142f;box-shadow:0 5px 18px #9b74e218}.primary:hover{background:#c7adff}.primary:active{transform:translateY(1px)}.primary:disabled{background:#554966;color:#bbb2c8;box-shadow:none;opacity:.75}.secondary{background:#2a2538;border-color:#44394f;color:#e5dcf5}.secondary:hover{background:#342c43;border-color:#79638d}.compact{min-height:40px;font-size:12px;padding:9px 10px}.text-button{padding:6px 0;border:0;background:none;color:#c4abe9;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:#e0caff}.text-button:disabled{color:var(--muted)}#create-order{margin-top:25px}.action-caption{font-size:10px;line-height:1.65;text-align:center;color:#9990ab;margin:10px 14px 0}.muted{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.notice{background:#2c2438;border:1px solid #665174;color:#e0c5e9;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.6;margin:16px 0}.notice.error{background:#38202b;border-color:#68404d;color:var(--red)}#config-status{margin:0 0 15px}.order-status{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.status-dot{width:9px;height:9px;margin-top:7px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #b99bff13}.status-dot.ready{background:var(--green);box-shadow:0 0 0 5px #91dfb213}.status-dot.failed{background:var(--red);box-shadow:0 0 0 5px #ffb5be13}.status-title{font-size:16px;font-weight:650;margin:0 0 4px}.order-details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;margin:0 0 22px}.order-details:empty{display:none}.order-details div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:5px 0;font-size:12px}.order-details dt{color:var(--muted)}.order-details dd{margin:0;text-align:right;font-weight:550}.recovery-panel{padding:17px;border:1px solid #45374f;background:#292132;border-radius:14px;margin:22px 0}.recovery-heading{display:flex;align-items:center;gap:8px}.recovery-heading h3{font-size:13px;font-weight:650;margin:0;letter-spacing:-.15px}.small-icon{color:#c7a5ec;font-size:16px}.copy-field{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.7;color:#b5a8c9;min-height:40px;margin-top:12px;overflow-wrap:anywhere}.recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.access-panel{margin:20px 0}.access-panel>p:first-child{font-size:13px;line-height:1.65;margin:0 0 16px;color:#c7bcd6}.access-panel .button+.button{margin-top:9px}.order-footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.purchase-note{font-size:11px;line-height:1.8;color:#9690a5;text-align:center;max-width:540px;margin:21px auto 0;padding:0 14px}footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:38px 0 30px;font-size:10px;color:#787086}footer span:first-child{font-weight:650;color:#aaa0bb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:580px){.page{width:min(100% - 32px,460px)}.site-header{height:78px}.brand{font-size:19px}.brand-mark{width:30px;height:34px;font-size:31px}.header-note{font-size:10px;padding:5px 9px}.intro{padding:22px 0 27px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:17px}h1{font-size:42px;letter-spacing:-1.8px;margin-bottom:17px}.intro-text{font-size:14px}.desktop-break{display:none}.surface{padding:21px 18px;border-radius:20px}.section-heading{margin-bottom:18px}h2{font-size:16px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.plan-card{padding:14px;min-height:106px}.plan-price{font-size:24px;padding-top:8px}.plan-title{font-size:13px}.plan-radio{top:15px;right:14px}.field-help{font-size:11px}.form-divider{margin:22px 0}.recovery-panel{padding:14px}.purchase-note{padding:0 3px;font-size:10px}.order-details div{font-size:11px}footer{margin-top:29px;font-size:9px}}
@media(max-width:350px){h1{font-size:36px}.page{width:calc(100% - 24px)}.surface{padding:20px 14px}.header-note{font-size:9px}.recovery-actions{grid-template-columns:1fr}.plan-price{font-size:22px}.field label{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}