:root{--bg:#0d0f1e;--panel:#1a1c38;--border:#3c4066;--text:#f2f3ff;--muted:#9aa1cc;--blue:#4facfe;--cyan:#00f2fe;--orange:#ff9a44}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,#2a2d5266,transparent 35%),radial-gradient(circle at 10% 45%,#33307a44,transparent 38%),var(--bg);color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif}.purchase-nav{display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 32px));margin:auto;padding:20px 0}.purchase-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.purchase-brand span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#00f2fe,#4a54c8);font:800 22px Tahoma}.purchase-brand strong{font-size:14px}.login-link,.hero-button{padding:10px 17px;border:1px solid #4facfe;border-radius:11px;color:#dfe4f8;text-decoration:none;background:#1d1f3e}.purchase-hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:55px;width:min(1200px,calc(100% - 32px));min-height:590px;margin:auto;padding:60px 0 90px}.eyebrow,.section-title>span{font-size:11px;letter-spacing:1px;color:#9beaff}.hero-copy h1{max-width:650px;margin:14px 0 18px;font-size:48px;line-height:1.45}.hero-copy>p{max-width:650px;color:#c3c8ee;line-height:2;font-size:15px}.hero-button{display:inline-flex;margin-top:20px;padding:14px 22px;background:linear-gradient(120deg,#4facfe,#4facfe);border-color:#00f2fe;font-weight:700}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#bfe6ff;font-size:12px}.hero-panel{padding:15px;border:1px solid #54598a88;border-radius:25px;background:#161930;box-shadow:0 35px 80px #0007;transform:perspective(900px) rotateY(-4deg)}.mock-top{display:flex;gap:6px;padding:3px 3px 13px}.mock-top i{width:8px;height:8px;border-radius:50%;background:#fc6076}.mock-top i:nth-child(2){background:#ff9a44}.mock-top i:nth-child(3){background:#4facfe}.mock-body{display:grid;grid-template-columns:95px 1fr;gap:15px;height:340px;padding:14px;border-radius:16px;background:#091321}.mock-body aside{border-radius:12px;background:linear-gradient(#182c44,#101d30)}.mock-body>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mock-body b{grid-column:1/-1;height:90px;border-radius:14px;background:linear-gradient(120deg,#1b3654,#1a2750)}.mock-body span{height:92px;border:1px solid #385674;border-radius:14px;background:#12243a}.feature-area,.screenshots,.purchase-form-section{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:80px 0}.section-title{text-align:center;max-width:720px;margin:0 auto 35px}.section-title h2{margin:10px 0;font-size:31px}.section-title p{color:var(--muted);line-height:1.9}.purchase-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.purchase-features article{padding:24px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(145deg,#12233a,#0e192a)}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#1e6ba933;color:#72d9ff;font-weight:800}.purchase-features h3{font-size:15px;margin:16px 0 8px}.purchase-features p{margin:0;color:var(--muted);font-size:11px;line-height:1.9}.screenshots{width:min(1320px,calc(100% - 32px))}.shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.shot-grid figure{margin:0;overflow:hidden;border:1px solid #385573;border-radius:20px;background:#1a1c38;box-shadow:0 20px 45px #0004}.shot-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.shot-grid figcaption{padding:14px 18px;color:#c9d8e7;font-size:12px}.purchase-form-section{display:grid;grid-template-columns:1fr 480px;gap:65px;align-items:center}.form-copy h2{font-size:32px}.form-copy p,.form-copy li{color:var(--muted);font-size:13px;line-height:2}.purchase-form-card,.payment-card{padding:30px;border:1px solid #41698e;border-radius:22px;background:linear-gradient(145deg,#142841,#0e192b);box-shadow:0 24px 55px #0005}.purchase-form-card form,.receipt-upload{display:grid;gap:17px}.purchase-form-card label,.receipt-upload label{display:grid;gap:8px;color:#cbd9e8;font-size:12px}.purchase-form-card input,.receipt-upload input{width:100%;min-height:var(--ui-control-height,40px);padding:7px 11px;border:1px solid #42617f;border-radius:11px;background:#0d0f1e;color:#fff;font:inherit}.purchase-form-card label small{color:#7891aa}.purchase-form-card button,.receipt-upload button,.bank-info>a{min-height:var(--ui-control-height,40px);border:0;border-radius:var(--ui-control-radius,10px);background:linear-gradient(120deg,#ff9a44,#e0784a);color:#fff;font:700 13px Vazirmatn;cursor:pointer;text-decoration:none;display:grid;place-items:center}.privacy{text-align:center;color:#8399b0;font-size:11px}.form-error{padding:12px;margin-bottom:15px;border:1px solid #fb718555;border-radius:11px;background:#fb718512;color:#ffd2da;font-size:12px}footer{text-align:center;padding:30px;color:#6f849b;font-size:11px;border-top:1px solid #20364c}.payment-body{min-height:100vh;display:grid;place-items:center}.payment-shell{width:min(520px,calc(100% - 28px));padding:35px 0}.payment-shell>.purchase-brand{justify-content:center;margin-bottom:24px}.payment-card h1{text-align:center;font-size:25px;margin:15px 0 4px}.payment-card>p{text-align:center;color:var(--muted)}.status{display:table;margin:auto;padding:7px 13px;border-radius:20px;background:#ff9a4418;color:#ffb877;font-size:11px}.status-approved{background:#4facfe18;color:#bfe6ff}.status-rejected{background:#fc607618;color:#fda4af}.amount{padding:20px;margin:22px 0;border:1px solid #385674;border-radius:15px;text-align:center;background:#0a1627}.amount small,.amount strong{display:block}.amount small{color:var(--muted)}.amount strong{font-size:25px;margin-top:7px;color:#bfe6ff}.bank-info{display:grid;gap:11px}.bank-info>span{text-align:center;color:#b9cce0}.bank-info button{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid #436788;border-radius:12px;background:#0a1627;color:#fff;cursor:pointer}.bank-info button bdi{font-size:20px;letter-spacing:2px}.bank-info button small{color:#bfe6ff}.receipt-upload{margin-top:18px}.payment-message{padding:18px;margin:20px 0;border:1px solid #ff9a4455;border-radius:14px;background:#ff9a4412;color:#ffdcae;line-height:1.9;font-size:12px}.payment-message.success{border-color:#4facfe55;background:#4facfe12;color:#bfe6ff}.payment-message.rejected,.payment-message.error{border-color:#fb718555;background:#fb718512;color:#ffd2da}.back-link{display:block;text-align:center;margin-top:20px;color:#bfe6ff;font-size:12px}@media(max-width:900px){.purchase-hero,.purchase-form-section{grid-template-columns:1fr}.purchase-hero{padding-top:30px}.hero-panel{max-width:650px}.purchase-features{grid-template-columns:repeat(2,1fr)}.purchase-form-section{gap:25px}}@media(max-width:600px){.purchase-nav{padding:14px 0}.purchase-brand strong{font-size:12px}.hero-copy h1{font-size:32px}.purchase-hero{min-height:auto;padding-bottom:55px}.hero-panel{transform:none}.mock-body{height:250px;grid-template-columns:65px 1fr}.feature-area,.screenshots,.purchase-form-section{padding:55px 0}.section-title h2,.form-copy h2{font-size:24px}.purchase-features,.shot-grid{grid-template-columns:1fr}.purchase-form-card,.payment-card{padding:22px 17px}.hero-points{gap:10px}.login-link{padding:9px 12px;font-size:11px}}

/* Premium presentation and motion */
body{position:relative;overflow-x:hidden;background-attachment:fixed}
body::before,body::after{content:"";position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none;animation:ambientFloat 13s ease-in-out infinite alternate}
body::before{top:-190px;right:-130px;background:#22d3ee}
body::after{bottom:-220px;left:-120px;background:#4facfe;animation-delay:-6s}
.purchase-nav{position:sticky;top:12px;z-index:20;margin-top:8px;padding:12px 16px;border:1px solid #6dd9ff26;border-radius:18px;background:#091524c7;box-shadow:0 14px 45px #0005;backdrop-filter:blur(18px)}
.purchase-brand span{box-shadow:0 0 35px #00f2fe66;animation:brandPulse 3.6s ease-in-out infinite}
.login-link,.hero-button{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.login-link:hover,.hero-button:hover{transform:translateY(-3px);border-color:#7de7ff;box-shadow:0 12px 30px #1778c94d}
.hero-copy{animation:heroEnter .8s cubic-bezier(.2,.75,.25,1) both}
.hero-copy h1{background:linear-gradient(100deg,#fff 10%,#c9efff 50%,#c4c8ff 90%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 12px 45px #56c9ff17}
.hero-panel{position:relative;isolation:isolate;animation:panelEnter .95s .12s cubic-bezier(.2,.75,.25,1) both,panelFloat 6s 1.1s ease-in-out infinite}
.hero-panel::before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:linear-gradient(130deg,#9beaff80,#8f8bff40,transparent 65%);filter:blur(18px);opacity:.7}
.mock-body b,.mock-body span{position:relative;overflow:hidden}
.mock-body b::after,.mock-body span::after{content:"";position:absolute;inset:0;transform:translateX(130%);background:linear-gradient(100deg,transparent,#ffffff12,transparent);animation:mockShine 4.2s ease-in-out infinite}
.purchase-features article{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .35s ease,box-shadow .35s ease}
.purchase-features article::after{content:"";position:absolute;inset:auto -40% -90% 20%;height:140px;background:#00f2fe1b;filter:blur(35px);transition:transform .4s ease}
.purchase-features article:hover{transform:translateY(-8px);border-color:#55c9ef80;box-shadow:0 22px 55px #0005}
.purchase-features article:hover::after{transform:translateY(-22px)}
.feature-icon{box-shadow:inset 0 0 18px #4bc8ff20,0 8px 24px #0d0f1e;transition:transform .35s ease}
.purchase-features article:hover .feature-icon{transform:rotate(-7deg) scale(1.08)}
.shot-grid{perspective:1200px}
.shot-grid figure{position:relative;transition:transform .4s cubic-bezier(.2,.75,.25,1),border-color .3s ease,box-shadow .4s ease}
.shot-grid figure:hover{transform:translateY(-8px) scale(1.01);border-color:#73dcff9c;box-shadow:0 30px 75px #0009,0 0 0 1px #69d6ff24}
.shot-open{position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;background:#081320;overflow:hidden;cursor:zoom-in;text-align:inherit}
.shot-open::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#06101edb);opacity:.5;transition:opacity .3s ease}
.shot-open img{transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .4s ease}
.shot-open:hover img{transform:scale(1.055);filter:saturate(1.12) brightness(1.05)}
.shot-open:hover::after{opacity:.86}
.shot-zoom{position:absolute;z-index:2;right:18px;bottom:16px;display:flex;align-items:center;gap:10px;color:#fff;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}
.shot-open:hover .shot-zoom,.shot-open:focus-visible .shot-zoom{opacity:1;transform:none}
.shot-zoom b{font-size:12px}.shot-zoom i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #fff5;border-radius:50%;background:#00f2fecc;font-style:normal;box-shadow:0 8px 24px #0369a1aa}
.shot-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px}.shot-grid figcaption small{color:#7f9bb7;font-size:11px}
.purchase-form-card{position:relative;transform-style:preserve-3d;transition:transform .18s ease-out,border-color .3s ease,box-shadow .3s ease;background:radial-gradient(circle at var(--mx,80%) var(--my,10%),#1c4a6855,transparent 38%),linear-gradient(145deg,#142841,#0e192b)}
.purchase-form-card:hover{border-color:#69d9ff75;box-shadow:0 28px 75px #0008,0 0 45px #1287bc17}
.purchase-form-card input{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.purchase-form-card input:focus{outline:0;border-color:#47c9f0;box-shadow:0 0 0 4px #00f2fe1a;transform:translateY(-1px)}
.purchase-form-card button{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.purchase-form-card button::after{content:"";position:absolute;inset:0;transform:translateX(130%);background:linear-gradient(100deg,transparent,#fff5,transparent);transition:transform .6s ease}
.purchase-form-card button:hover{transform:translateY(-2px);box-shadow:0 13px 30px #e0784a4f}.purchase-form-card button:hover::after{transform:translateX(-130%)}
.motion-ready .reveal-item{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}
.motion-ready .reveal-item.is-visible{opacity:1;transform:none}
.shot-lightbox{width:min(1280px,calc(100% - 30px));max-width:none;padding:0;border:1px solid #75dfff55;border-radius:22px;background:#07111ef2;color:#fff;box-shadow:0 40px 120px #000;overflow:visible}
.shot-lightbox[open]{animation:lightboxIn .28s cubic-bezier(.2,.75,.25,1)}
.shot-lightbox::backdrop{background:#020711dc;backdrop-filter:blur(14px);animation:fadeIn .25s ease}
.lightbox-frame{overflow:hidden;border-radius:21px}.lightbox-frame img{display:block;width:100%;max-height:82vh;object-fit:contain;background:#050d18}.lightbox-frame p{margin:0;padding:14px 20px;color:#c9e8f7;text-align:center;font-size:13px}
.lightbox-close{position:absolute;z-index:3;top:-16px;left:-10px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #fff4;border-radius:50%;background:#fc6076;color:#fff;font-size:25px;box-shadow:0 10px 30px #0009;cursor:pointer;transition:transform .2s ease,background .2s ease}.lightbox-close:hover{transform:rotate(8deg) scale(1.08);background:#fc6076}
@keyframes ambientFloat{to{transform:translate3d(35px,45px,0) scale(1.13)}}
@keyframes brandPulse{50%{box-shadow:0 0 48px #00f2fe99;transform:translateY(-2px)}}
@keyframes heroEnter{from{opacity:0;transform:translateY(24px)}}
@keyframes panelEnter{from{opacity:0;transform:perspective(900px) rotateY(-4deg) translateY(30px) scale(.96)}}
@keyframes panelFloat{50%{transform:perspective(900px) rotateY(-2deg) translateY(-9px)}}
@keyframes mockShine{45%,100%{transform:translateX(-130%)}}
@keyframes lightboxIn{from{opacity:0;transform:translateY(16px) scale(.96)}}
@keyframes fadeIn{from{opacity:0}}
@media(max-width:600px){.purchase-nav{top:7px}.shot-grid figcaption small{display:none}.shot-zoom{opacity:1;transform:none}.shot-zoom b{display:none}.shot-zoom i{width:30px;height:30px}.shot-lightbox{width:calc(100% - 18px)}.lightbox-close{top:-13px;left:4px}.hero-panel{animation:panelEnter .8s .1s both,panelFloat 6s 1s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.motion-ready .reveal-item{opacity:1;transform:none}}

/* Icon system and full-screen gallery */
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.purchase-nav svg,.hero-button svg,.hero-points svg,.purchase-form-card button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.login-link,.hero-button,.hero-points span,.purchase-form-card button{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.login-link svg{width:16px;height:16px}.hero-button svg{transition:transform .25s ease}.hero-button:hover svg{transform:translateX(-4px)}
.hero-points span{padding:7px 10px;border:1px solid rgba(0,242,254,.14);border-radius:999px;background:#0e26314d}.hero-points svg{width:15px;height:15px;color:#9beaff;stroke-width:2.5}
.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shot-zoom{right:50%;bottom:50%;flex-direction:column;gap:8px;transform:translate(50%,65%) scale(.9);opacity:.88}
.shot-open:hover .shot-zoom,.shot-open:focus-visible .shot-zoom{transform:translate(50%,50%) scale(1);opacity:1}
.shot-zoom svg{width:50px;height:50px;padding:13px;border:1px solid #bcefff80;border-radius:50%;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;background:#0689cddd;box-shadow:0 12px 40px #001b2ee6,0 0 0 8px #00f2fe1a;backdrop-filter:blur(8px)}
.shot-zoom b{padding:5px 10px;border-radius:8px;background:#0d0f1ed9;font-size:11px;box-shadow:0 6px 18px #0008}
.shot-grid figcaption small{display:inline-flex;align-items:center;gap:5px}.shot-grid figcaption small svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.shot-lightbox{position:fixed;inset:12px;width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:none;margin:0;padding:0;border-radius:24px;background:#030914f5}
.lightbox-frame{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;padding:18px}.lightbox-frame img{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:14px;background:#020711;box-shadow:inset 0 0 0 1px #d8f4ff17;opacity:1;transform:scale(1);transition:opacity .18s ease,transform .18s ease}.lightbox-frame img.is-switching{opacity:.12;transform:scale(.985)}
.lightbox-meta{display:flex;align-items:center;justify-content:center;gap:15px;min-height:48px}.lightbox-meta p{margin:0;padding:10px 0}.lightbox-count{direction:ltr;color:#6ddcff;font:600 11px Tahoma}
.lightbox-close{top:18px;left:18px;width:46px;height:46px;border-color:#ff9db3aa}.lightbox-close svg,.lightbox-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lightbox-nav{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:48px;height:62px;padding:0;border:1px solid #8be5ff45;border-radius:16px;background:#10283bd9;color:#dff7ff;box-shadow:0 12px 30px #0008;backdrop-filter:blur(10px);transform:translateY(-50%);cursor:pointer;transition:background .2s ease,transform .2s ease}
.lightbox-nav:hover{background:#087eafe8;transform:translateY(-50%) scale(1.06)}.lightbox-next{right:22px}.lightbox-prev{left:22px}.lightbox-prev svg{transform:rotate(180deg)}
.purchase-form-card button svg{width:17px;height:17px}
@media(max-width:600px){.hero-points span{padding:6px 8px}.shot-zoom{opacity:.95;transform:translate(50%,50%) scale(.82)}.shot-zoom b{display:block}.shot-lightbox{inset:5px;width:calc(100vw - 10px);height:calc(100vh - 10px);border-radius:16px}.lightbox-frame{padding:8px}.lightbox-close{top:12px;left:12px;width:40px;height:40px}.lightbox-nav{top:auto;bottom:18px;width:42px;height:42px;border-radius:50%;transform:none}.lightbox-nav:hover{transform:scale(1.05)}.lightbox-next{right:14px}.lightbox-prev{left:14px}.lightbox-meta{padding:0 58px}.lightbox-meta p{font-size:11px}.shot-grid figcaption small{display:inline-flex}}