@font-face{font-family:Dana;src:url('/static/fonts/Dana-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#10131b;--panel:#1a202c;--line:#343e50;--text:#f1f0fa;--muted:#a5aabd;--purple:#b59aff;--green:#83dfbd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#29223d,transparent 55%),var(--bg);color:var(--text);font:14px/1.8 Dana,Tahoma,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;padding:24px 28px}.top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:bold}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#8659ed;font-size:21px}.steps{display:flex;justify-content:center;gap:32px;padding:26px 0 8px;color:var(--muted);font-size:12px}.current{color:#e7ddff;background:#8360cf29;border:1px solid #8267ad;padding:3px 14px;border-radius:30px}.heading{margin:25px 0}.eyebrow{color:var(--purple);font-size:12px}.heading h1{font-size:29px;margin:7px 0}.heading p,.muted{color:var(--muted);margin:0}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:linear-gradient(130deg,#222838ed,#181e29ed);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 50px #0002}.form-panel{padding:25px}.section-heading,.summary-top{display:flex;align-items:center;gap:12px}.section-icon{display:grid;place-items:center;width:38px;height:38px;background:#8360cf22;border-radius:11px;color:var(--purple);font-size:22px}h2{font-size:17px;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:0}fieldset{padding:0;border:0;margin:24px 0 0;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}.field{min-width:0}.field label{display:block;font-size:12px;margin-bottom:7px}.field label>span{color:var(--purple)}small{font-size:10px;color:var(--muted)}input,textarea{width:100%;border:1px solid #414859;border-radius:9px;background:#121823b0;color:var(--text);padding:11px 12px;outline:none}input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a57df51c}input::placeholder,textarea::placeholder{color:#858b9c;font-size:11px}textarea{resize:vertical;min-height:95px}.full{grid-column:1/-1}.privacy{padding:13px 15px;margin:22px 0 17px;background:#8064bc12;border:1px solid #8064bc30;border-radius:10px;color:#bdb5cd;font-size:11px}.primary{background:linear-gradient(100deg,#7745e8,#9366f6);border:1px solid #a582ff;color:white;border-radius:10px;padding:12px 20px;font-weight:bold}.primary:hover:not(:disabled){filter:brightness(1.13)}.pay{width:100%;display:flex;justify-content:center;gap:20px;font-size:15px}.payment-note{color:var(--muted);font-size:10px;text-align:center;margin:12px 0 0}.summary{padding:25px;position:sticky;top:24px}.summary-top{padding-bottom:21px;border-bottom:1px solid var(--line);margin-bottom:22px}.plan-badge{color:var(--purple);font-size:11px;background:#8864ce1f;border-radius:20px;padding:4px 12px}.summary h3{font-size:19px;margin:14px 0 5px}.summary>.muted{font-size:12px}.benefits{display:flex;flex-direction:column;gap:8px;color:#d6d3e2;font-size:12px;margin:24px 0}.benefits span::first-letter{color:var(--green)}dl{border-top:1px solid var(--line);padding-top:13px;margin:0}dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:12px}dd{margin:0}del{color:var(--muted)}.discount{color:var(--green)}dl>.total{margin-top:15px;border-top:1px dashed #535265;padding-top:20px;flex-wrap:wrap}.total strong{font-size:25px;color:#e4d9ff}.total dd>span{font-size:11px}.summary-note{font-size:10px;color:var(--muted);margin:14px 0}.change-plan{display:block;text-align:center;border:1px solid var(--line);border-radius:9px;padding:9px;color:#d9cdf7;font-size:12px}footer{text-align:center;color:#828b9f;font-size:11px;margin:32px 0 10px}#message{padding:14px 17px;background:#482432;border:1px solid #a45a75;border-radius:10px;margin-bottom:20px;color:#ffe2ec;white-space:pre-line}.login{padding:24px;margin-bottom:24px}.login p{color:var(--muted)}:focus-visible{outline:2px solid var(--purple);outline-offset:3px}@media(max-width:760px){.wrap{padding:18px 16px}.checkout-grid{display:flex;flex-direction:column;gap:17px}.summary{order:-1;position:static;width:100%;padding:20px}.form-panel{width:100%;padding:20px}.steps{gap:12px;font-size:10px;flex-wrap:wrap}.current{padding:3px 8px}.heading h1{font-size:24px}.heading p{font-size:12px}.summary-top{padding-bottom:12px;margin-bottom:15px}.benefits,.summary-note{display:none}.summary h3{font-size:17px}dl{margin-top:16px}.total strong{font-size:23px}.top{gap:12px;font-size:10px}}@media(max-width:430px){.form-grid{grid-template-columns:1fr}.brand{font-size:11px}.logo{width:30px;height:30px}.steps{gap:8px}.heading{margin:22px 0}.total dt{font-size:11px}}

/* Native dropdown works with keyboard and mobile country pickers. */
select{font:inherit;width:100%;max-width:100%;min-width:0;min-height:49px;border:1px solid #414859;border-radius:9px;background:#121823;color:var(--text);padding:11px 12px;cursor:pointer;color-scheme:dark}select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a57df51c}select option{background:#1a202c;color:var(--text)}

.form-actions{display:flex;gap:12px}.secondary{font:inherit;border:1px solid #8e73bb;border-radius:10px;background:#302640;color:#ede4ff;padding:12px 18px;white-space:nowrap}.form-actions .pay{flex:1}.profile-only .checkout-grid{display:block;max-width:780px;margin:auto}.profile-only .form-actions{justify-content:flex-end}.profile-only .secondary{width:100%;background:linear-gradient(100deg,#7745e8,#9366f6)}#profileStatus{font-size:12px;color:var(--green);margin-bottom:0}#message.success{background:#17392e;border-color:#357d64;color:#d6fff0}@media(max-width:430px){.form-actions{flex-direction:column}}