:root{--bg:#0d0a15;--surface:rgba(255,255,255,.055);--surface2:rgba(255,255,255,.09);--border:rgba(255,255,255,.11);--text:#f5f2fb;--muted:#afa4c9;--faint:#776d91;--coral:#ff6b8b;--gold:#ffb86b;--violet:#8b7cff;--green:#6bffc4;--warm:linear-gradient(120deg,#ff6b8b,#ffb86b);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(60% 65% at 90% 0,rgba(139,124,255,.15),transparent 60%),radial-gradient(55% 55% at 0 100%,rgba(255,107,139,.1),transparent 60%),var(--bg);color:var(--text);font-family:Vazirmatn,sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.top{height:70px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(13,10,21,.72);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;letter-spacing:-.03em}.logo b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--warm);color:#1b1017}.secure{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.secure i{color:var(--green);font-style:normal}.wrap{max-width:1120px;margin:0 auto;padding:clamp(35px,6vw,72px) 24px}.head{text-align:center;margin-bottom:41px}.head .tag{display:inline-flex;gap:7px;align-items:center;padding:6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--gold);font-size:10.5px}.head h1{margin-top:17px;font-size:clamp(28px,4vw,40px);letter-spacing:-.05em}.head p{margin-top:10px;color:var(--muted);font-size:13px}.billing{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px}.billing button{padding:8px 12px;border-radius:9px;background:transparent;color:var(--muted);font-size:11.5px}.billing button.active{background:var(--surface2);color:var(--text);font-weight:700}.save{padding:4px 8px;border-radius:999px;background:rgba(107,255,196,.1);color:var(--green);font-size:9.5px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{position:relative;display:flex;flex-direction:column;min-height:397px;padding:23px;border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden;text-align:right;transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease)}.plan:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.23);background:var(--surface2)}.plan.selected{border-color:rgba(255,184,107,.63);background:linear-gradient(150deg,rgba(255,184,107,.1),rgba(255,107,139,.07));box-shadow:0 21px 45px -29px rgba(255,184,107,.42)}.plan.vip{background:linear-gradient(155deg,rgba(139,124,255,.18),rgba(255,107,139,.08))}.plan.vip.selected{border-color:rgba(139,124,255,.8)}.ribbon{position:absolute;top:0;right:0;left:0;padding:7px;background:var(--warm);color:#1b1017;text-align:center;font-size:10.5px;font-weight:800}.plan.vip .ribbon{background:linear-gradient(120deg,#8b7cff,#e0a9ff);color:#191020}.plan:has(.ribbon){padding-top:43px}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:rgba(255,184,107,.13);font-size:19px}.vip .plan-icon{background:rgba(139,124,255,.2)}.check{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--border);border-radius:50%;color:transparent;font-size:12px;transition:.2s var(--ease)}.selected .check{border-color:transparent;background:var(--gold);color:#1a0e12}.vip.selected .check{background:#b7adff}.plan h2{margin-top:17px;font-size:17px}.plan p{margin-top:7px;min-height:42px;color:var(--muted);font-size:11px;line-height:1.8}.price{display:flex;align-items:baseline;gap:6px;margin:20px 0}.price b{font-family:'Space Grotesk',sans-serif;font-size:31px;letter-spacing:-.05em}.price span{color:var(--faint);font-size:10.5px}.features{display:grid;gap:11px;margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:17px;list-style:none}.features li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.features li:before{content:'✓';color:var(--gold);font-weight:800}.checkout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:25px}.card{border:1px solid var(--border);border-radius:19px;background:var(--surface);backdrop-filter:blur(14px)}.payment{padding:24px}.payment h2,.summary h2{font-size:14px}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.method{padding:12px 8px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);text-align:center;font-size:10.5px;transition:.2s var(--ease)}.method i{display:block;margin-bottom:6px;font-size:17px;font-style:normal}.method.active{border-color:rgba(255,184,107,.57);background:rgba(255,184,107,.09);color:var(--text);font-weight:700}.payment hr{margin:22px 0;border:0;border-top:1px solid rgba(255,255,255,.08)}.coupon{display:flex;gap:8px}.coupon input{flex:1;height:43px;outline:0;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text);padding:0 11px;font-size:11.5px}.coupon input:focus{border-color:rgba(255,184,107,.64)}.coupon button{padding:0 12px;border-radius:10px;background:rgba(139,124,255,.14);color:#c3bcff;font-size:11px;font-weight:700}.coupon-note{min-height:18px;margin-top:8px;color:var(--faint);font-size:10px}.coupon-note.ok{color:var(--green)}.summary{padding:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:var(--muted);font-size:11.5px}.summary-row b{color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:13px}.summary-row.discount b{color:var(--green)}.total{margin-top:19px;padding-top:17px;border-top:1px solid var(--border);color:var(--text);font-weight:700}.total b{font-size:21px}.pay{width:100%;min-height:51px;margin-top:23px;border-radius:13px;background:var(--warm);color:#1a0e12;font-size:13px;font-weight:800;box-shadow:0 16px 29px -15px rgba(255,107,139,.9);transition:.23s var(--ease)}.pay:hover{transform:translateY(-2px);box-shadow:0 20px 35px -14px rgba(255,107,139,1)}.pay.loading{color:transparent;pointer-events:none;position:relative}.pay.loading:after{content:'';position:absolute;inset:0;margin:auto;width:16px;height:16px;border:2px solid rgba(26,14,18,.35);border-top-color:#1a0e12;border-radius:50%;animation:spin .7s linear infinite}.guarantee{margin-top:13px;color:var(--faint);font-size:9.5px;text-align:center;line-height:1.8}.faq{display:flex;justify-content:center;gap:20px;margin-top:26px;color:var(--faint);font-size:10.5px}.faq a:hover{color:var(--muted)}.toast{position:fixed;left:22px;bottom:22px;z-index:20;padding:12px 15px;border:1px solid var(--border);border-radius:12px;background:rgba(26,19,37,.9);backdrop-filter:blur(15px);font-size:11px;transform:translateY(80px);opacity:0;transition:.3s var(--ease)}.toast.show{transform:translateY(0);opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.plans{grid-template-columns:1fr}.plan{min-height:auto}.features{margin-top:20px}.checkout{grid-template-columns:1fr}.plan p{min-height:0}}@media(max-width:500px){.top{padding:0 16px}.secure{font-size:0}.secure i{font-size:15px}.wrap{padding-inline:16px}.methods{grid-template-columns:1fr}.head{margin-bottom:28px}.faq{gap:11px;font-size:9.5px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}
