:root{color-scheme:dark;font:15px/2 Tahoma,Arial,sans-serif;background:#01030f;color:#eef5fc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 15%,#06394375,transparent 45%),#01030f;min-height:100vh}main{max-width:1100px;margin:auto;padding:28px 25px}header{display:flex;align-items:center;justify-content:space-between}.brand{color:white;text-decoration:none;direction:ltr;font:900 25px Arial;letter-spacing:2px}.brand span{color:#00b8e9}.tag{color:#99b6c6;border:1px solid #203849;border-radius:30px;padding:4px 17px;font-size:12px}.hero{padding:90px 0 65px}.eyebrow{direction:ltr;text-align:right;color:#00b8e9;font:700 12px Arial;letter-spacing:3px}h1{font-size:clamp(40px,7vw,76px);line-height:1.5;margin:15px 0 20px;letter-spacing:-2px}em{font-style:normal;color:#00b8e9}.hero>p:not(.eyebrow){max-width:560px;color:#a5b9cc}.features{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.features span{padding:5px 17px;border:1px solid #183849;border-radius:12px;color:#b6d8e0;font-size:12px}h2{font-size:23px;margin-bottom:26px}#plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:17px}.plan{border:1px solid #21303f;border-radius:23px;padding:25px;background:linear-gradient(135deg,#14232e,#070d17)}.plan h3{font-size:20px;margin:0 0 10px}.price{font:800 29px/1.5 Arial;direction:ltr;text-align:right;color:#dcefff}.price small{font-size:12px;font-weight:400;color:#7cadbd}.plan p{color:#9ab5c9;font-size:13px}.plan a{display:block;margin-top:20px;padding:8px 12px;border-radius:12px;color:white;background:linear-gradient(110deg,#008aab,#175cdf);text-align:center;text-decoration:none}.plan .unavailable{margin-top:20px;background:#1c2836;padding:8px;border-radius:12px;text-align:center;color:#8292a4;font-size:12px}.note,footer{color:#60788e;font-size:12px;margin-top:25px}footer{padding:45px 0 12px;border-top:1px solid #142332;margin-top:70px;direction:ltr}@media(max-width:600px){main{padding:22px 18px}.hero{padding:55px 0 45px}h1{font-size:47px}.tag{font-size:10px}}
button{font:inherit;background:#19c9dd;color:#071521;border:0;border-radius:12px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.checkout{max-width:620px;margin:64px auto;padding:32px;border:1px solid #2b3c56;border-radius:24px;background:#101b30}.checkout>a{display:inline-block;margin:16px 0}.checkout textarea{box-sizing:border-box;width:100%;min-height:90px;background:#071521;color:#e4f5ff;border:1px solid #2b3c56;border-radius:12px;padding:14px;font-size:16px;resize:vertical}.checkout button{margin:12px 0}.checkout p{line-height:1.9}@media(max-width:680px){.checkout{margin:20px 12px;padding:22px}}

@font-face{font-family:Vazirmatn;src:url(/app/assets/vazirmatn.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{font-family:Vazirmatn,Tahoma,sans-serif}.plan.selected{border-color:#20c5df;box-shadow:0 0 0 2px #20c5df33}.plan button{display:block;width:100%;margin-top:20px}.checkout[hidden]{display:none}#purchase-summary{margin:32px 0;max-width:none}#payment-message{color:#f6b3bb}

.receipt-page{font-family:Vazirmatn,Tahoma,Arial,sans-serif;background:radial-gradient(circle at 50% 0,#16336b55,transparent 42%),#020617;color:#eef5ff;min-height:100vh;padding:24px 12px}.digital-receipt{max-width:670px;margin:20px auto;padding:30px;border:1px solid #263957;border-radius:28px;background:linear-gradient(160deg,#101b31,#080e1c);box-shadow:0 24px 80px #0009}.receipt-brand{padding-bottom:18px;border-bottom:1px solid #263957;color:#7f94ad;font-size:12px}.receipt-brand a{color:#fff;text-decoration:none;font:900 24px Arial;letter-spacing:1px}.receipt-brand a span{color:#38d7ea}.receipt-kicker{margin:0;color:#22d3c5;font-size:13px;font-weight:700}.payment-state,.success-heading{text-align:center;padding:32px 0 20px}.digital-receipt h1{font-size:clamp(26px,6vw,39px);line-height:1.5;letter-spacing:-1px;margin:4px 0 8px}.receipt-summary,#status{color:#a9b9cc;margin:7px auto;max-width:500px}.state-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border-radius:50%}.waiting-mark{border:4px solid #20324f;border-top-color:#22d3ee;animation:receipt-spin 1s linear infinite}.success-mark{background:#16c79a;color:#02150f;font:900 38px Arial;box-shadow:0 0 35px #16c79a55}.receipt-actions{display:grid;gap:10px;margin-top:24px}.receipt-actions button,.primary-link{display:block;width:100%;padding:14px;border:1px solid #33445e;border-radius:15px;background:#162237;color:#fff;text-align:center;text-decoration:none}.receipt-actions .primary-button,.primary-link{border:0;background:linear-gradient(110deg,#16c9dd,#315cf4);color:#fff;font-weight:800}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0 22px;overflow:hidden;border:1px solid #263957;border-radius:18px;background:#263957}.invoice-grid div{padding:15px;background:#0d1728}.invoice-grid .wide{grid-column:1/-1}.invoice-grid dt{color:#8193aa;font-size:12px}.invoice-grid dd{margin:5px 0 0;color:#fff;font-weight:700;overflow-wrap:anywhere}.premium-token-card{padding:20px;border:1px solid #16c79a88;border-radius:20px;background:#08221f}.premium-token-card label{display:block;color:#5ee9c4;font-weight:800;margin-bottom:10px}.token-row{display:flex;direction:ltr;gap:8px}.token-row input{min-width:0;flex:1;padding:13px;border:1px solid #2a5260;border-radius:12px;background:#050c16;color:#fff;font:14px/1.4 monospace}.token-row button{flex:0 0 auto;background:#16c79a;color:#031912;font-weight:800}.premium-token-card small{display:block;margin-top:10px;color:#8ba9a6}.receipt-note{text-align:center;color:#8294aa;font-size:12px}.paid-actions{grid-template-columns:2fr 1fr}@keyframes receipt-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.receipt-page{padding:8px}.digital-receipt{margin:8px auto;padding:20px 16px;border-radius:22px}.invoice-grid{grid-template-columns:1fr}.invoice-grid .wide{grid-column:auto}.paid-actions{grid-template-columns:1fr}.token-row{flex-direction:column}.token-row button{width:100%}}
@media print{.receipt-page{padding:0;background:#fff;color:#111}.digital-receipt{box-shadow:none;border:1px solid #aaa;background:#fff;color:#111}.receipt-brand,.invoice-grid{border-color:#bbb}.receipt-brand a,.invoice-grid dd{color:#111}.invoice-grid{background:#bbb}.invoice-grid div{background:#fff}.premium-token-card{background:#f4fffb;border-color:#26866d}.receipt-actions,.receipt-note{display:none}}


/* Approved ARK VPN post-payment receipt: dark official invoice, compact mobile layout. */
.receipt-page{padding:32px 12px;display:flex;align-items:flex-start;justify-content:center;min-height:100vh;background:radial-gradient(ellipse 60% 45% at 50% 15%,#112648aa,transparent 80%),#030715}
.receipt-page .digital-receipt{width:min(100%,680px);max-width:680px;margin:10px auto;padding:28px 28px 24px;border:1px solid #243858;border-radius:27px;background:linear-gradient(155deg,#0d192f,#071224 80%,#0b1830);box-shadow:0 18px 90px #01040eaa}
.receipt-page .receipt-brand{border:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 0 20px;min-height:74px;gap:8px}
.receipt-page .receipt-document{order:3;justify-self:end;display:grid;place-items:center;color:#9879ff;width:57px;height:57px;border:1px solid #304362;border-radius:15px;background:#14223a}
.receipt-page .receipt-document svg{width:29px;height:29px}
.receipt-page .receipt-logo{order:2;justify-self:center;color:#a087ff;font:800 23px/1.3 Arial,sans-serif;letter-spacing:2px;border:0;white-space:nowrap}
.receipt-page .receipt-verified{order:1;justify-self:start;white-space:nowrap;border:1px solid #13775c;background:#07352c;color:#27ecc6;border-radius:28px;padding:5px 10px;font-size:12px;font-weight:800}
.receipt-page .status-dot{display:inline-block;width:9px;height:9px;background:#0fecaf;border-radius:50%;margin-left:5px}
.receipt-page .success-heading{padding:0 0 13px;text-align:center}
.receipt-page .success-mark{width:92px;height:92px;margin:0 auto 22px;border:6px solid #04eead;background:linear-gradient(155deg,#08c995,#02876b);box-shadow:0 0 0 14px #03e7ad10,0 0 0 25px #03e7ad09,0 0 35px #03e7ad66}
.receipt-page .success-mark svg{width:55px;height:55px}
.receipt-page .success-heading h1{font-size:clamp(24px,5.5vw,35px);font-weight:900;letter-spacing:-.75px;line-height:1.45;margin:0 0 6px}
.receipt-page .receipt-summary{color:#9cadce;font-size:17px}
.receipt-page .invoice-grid{display:block;margin:12px 0 16px;padding:3px 23px;border:1px solid #233b5c;border-radius:17px;background:#0d1c32}
.receipt-page .invoice-grid div,.receipt-page .invoice-grid div.wide{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #213753;background:transparent;min-width:0}
.receipt-page .invoice-grid div:last-child{border-bottom:none}
.receipt-page .invoice-grid dt{font-size:14px;color:#a9badb;flex:1;white-space:nowrap}
.receipt-page .invoice-grid dd{font-size:15px;flex:1;text-align:left;margin:0;font-weight:700;color:#f1f6ff;overflow-wrap:anywhere}
.receipt-page .premium-token-card{padding:18px 20px;border:1.5px solid #337eff;border-radius:17px;background:linear-gradient(135deg,#0a2743,#121630);box-shadow:inset 0 0 0 1px #8356f530}
.receipt-page .premium-token-card label{color:#a188ff;text-align:right;font-size:18px}
.receipt-page .premium-token-card input{display:block;box-sizing:border-box;width:100%;padding:12px 9px;margin:8px 0 11px;border:1px solid #53667b;border-radius:12px;background:#102038;color:#f6f8ff;font:700 clamp(13px,3.5vw,19px)/1.6 monospace;text-align:center;letter-spacing:.4px;direction:ltr}
.receipt-page .copy-token{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;background:linear-gradient(100deg,#0cbbeb,#18d6e7);color:#03182b;border-radius:12px;font-weight:900}
.receipt-page .copy-token svg,.receipt-page .download-button svg{width:21px;height:21px;flex:none}
.receipt-page .premium-token-card small{color:#a1b9cb;text-align:center;font-size:11px}
.receipt-page .receipt-actions.paid-actions{display:grid;grid-template-columns:1fr;margin-top:20px;gap:10px}
.receipt-page .paid-actions button{margin:0;display:flex;justify-content:center;align-items:center;gap:10px;min-height:58px;border-radius:14px;font-size:16px;font-weight:900}
.receipt-page .paid-actions .primary-button{background:linear-gradient(105deg,#195cff,#0bd4e8);color:#fff}
.receipt-page .primary-button span{font-size:28px;line-height:15px}
.receipt-page .paid-actions .download-button{border:1.6px solid #9278f9;background:transparent;color:#a68dfb}
.receipt-page .receipt-note{border:1px solid #1f344f;border-radius:13px;padding:11px;margin:18px 0 0;font-size:12px;color:#a3b3ce}
.receipt-page .copy-feedback{color:#20dbbf;text-align:center;font-size:12px;min-height:0;margin:10px 0 0}
.receipt-page .payment-state{min-height:400px}
.receipt-page #pending-view .receipt-actions{max-width:440px;margin:22px auto}
.receipt-page button:focus-visible,.receipt-page a:focus-visible,.receipt-page input:focus-visible{outline:2px solid #25ecdc;outline-offset:3px}
.receipt-page [hidden]{display:none!important}
@media(max-width:570px){.receipt-page{padding:7px}.receipt-page .digital-receipt{padding:14px 13px 20px;margin:0;border-radius:19px}.receipt-page .receipt-brand{min-height:60px;grid-template-columns:1fr auto 1fr}.receipt-page .receipt-document{width:42px;height:42px}.receipt-page .receipt-document svg{width:23px;height:23px}.receipt-page .receipt-logo{font-size:18px;letter-spacing:1px}.receipt-page .receipt-verified{font-size:9px;padding:4px 7px}.receipt-page .success-mark{width:78px;height:78px;margin-bottom:20px}.receipt-page .success-heading h1{font-size:25px}.receipt-page .receipt-summary{font-size:14px}.receipt-page .invoice-grid{padding:0 12px}.receipt-page .invoice-grid div{padding:12px 0}.receipt-page .invoice-grid dt{font-size:12px}.receipt-page .invoice-grid dd{font-size:12px}.receipt-page .premium-token-card{padding:16px 12px}.receipt-page .premium-token-card input{font-size:13px}}
@media print{@page{size:A4;margin:16mm}.receipt-page{background:#fff!important;color:#111!important;padding:0!important;display:block}.receipt-page .digital-receipt{background:#fff!important;color:#111!important;border:1px solid #b5b5b5!important;box-shadow:none!important;max-width:100%;margin:0;padding:22px}.receipt-page .receipt-brand{border-bottom:1px solid #ddd}.receipt-page .receipt-logo{color:#4a398c!important}.receipt-page .receipt-verified{color:#046a56!important;background:#e9fff7!important}.receipt-page .success-mark{box-shadow:none!important;background:#049875!important}.receipt-page h1,.receipt-page .invoice-grid dd,.receipt-page .premium-token-card input{color:#111!important}.receipt-page .receipt-summary,.receipt-page .invoice-grid dt{color:#444!important}.receipt-page .invoice-grid{background:#fff!important;border-color:#aaa!important}.receipt-page .invoice-grid div{border-color:#ddd!important}.receipt-page .premium-token-card{background:#f8f9ff!important;border-color:#999!important}.receipt-page .premium-token-card label{color:#49388b!important}.receipt-page .premium-token-card small{color:#555!important}.receipt-page .premium-token-card input{background:#fff!important}.receipt-page .receipt-actions,.receipt-page .copy-feedback,.receipt-page .receipt-note,.receipt-page .receipt-document{display:none!important}}
\nhtml[dir="ltr"] .receipt-page .receipt-verified .status-dot{margin-left:0;margin-right:5px}\nhtml[dir="ltr"] .receipt-page .premium-token-card label{text-align:left}\n