@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

/* HCloud Persian Experience 4.0
   Stage 1: modern visual system
   Stage 2: motion and interaction system */
:root{
  --bg:#070b13;
  --bg-soft:#0b1120;
  --panel:rgba(15,23,42,.72);
  --panel2:rgba(22,32,52,.76);
  --panel3:rgba(31,43,68,.68);
  --line:rgba(148,163,184,.15);
  --line-strong:rgba(129,140,248,.35);
  --text:#f8fafc;
  --muted:#9aa8bf;
  --brand:#7c8cff;
  --brand2:#9d6cff;
  --brand3:#20d3ee;
  --good:#32d69b;
  --warn:#f6c35b;
  --bad:#ff6b7d;
  --info:#38bdf8;
  --shadow:0 22px 70px rgba(0,0,0,.34);
  --shadow-soft:0 14px 38px rgba(0,0,0,.22);
  --shadow-brand:0 18px 48px rgba(124,140,255,.24);
  --radius:22px;
  --radius-sm:14px;
  --ease:cubic-bezier(.22,1,.36,1);
}

*{scrollbar-width:thin;scrollbar-color:rgba(124,140,255,.45) rgba(255,255,255,.03)}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand),var(--brand2));border-radius:999px;border:2px solid var(--bg)}

html,body{
  min-height:100%;
  background:
    radial-gradient(circle at 12% -5%,rgba(56,189,248,.13),transparent 29%),
    radial-gradient(circle at 88% 5%,rgba(157,108,255,.16),transparent 30%),
    radial-gradient(circle at 55% 110%,rgba(124,140,255,.10),transparent 34%),
    linear-gradient(145deg,#060910 0%,#0a1020 48%,#070b13 100%)!important;
  color:var(--text);
  font-family:"Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif!important;
  font-feature-settings:"ss01" 1,"ss02" 1;
  text-rendering:optimizeLegibility;
}
body{position:relative;isolation:isolate;overflow-x:hidden}
body::before,body::after{
  content:"";position:fixed;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(10px);opacity:.55
}
body::before{width:420px;height:420px;top:-170px;left:-120px;background:radial-gradient(circle,rgba(32,211,238,.18),transparent 67%);animation:orbFloatA 15s var(--ease) infinite alternate}
body::after{width:520px;height:520px;right:-210px;bottom:-230px;background:radial-gradient(circle,rgba(157,108,255,.20),transparent 67%);animation:orbFloatB 18s var(--ease) infinite alternate}

button,input,select,textarea{font-family:inherit!important}
button,a,.btn,.card,.input,.select,.textarea{-webkit-tap-highlight-color:transparent}
a{color:inherit}
::selection{background:rgba(124,140,255,.35);color:#fff}

/* Stage 1 — shell and navigation */
.sidebar,.side{
  background:linear-gradient(180deg,rgba(9,14,27,.94),rgba(8,12,22,.88))!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
  border-color:var(--line)!important;
  box-shadow:18px 0 55px rgba(0,0,0,.16);
}
.rtl .sidebar,.rtl .side{box-shadow:-18px 0 55px rgba(0,0,0,.16)}
.brand{position:relative}
.logo,.brand-mark{
  background:linear-gradient(135deg,var(--brand3),var(--brand) 50%,var(--brand2))!important;
  box-shadow:0 14px 38px rgba(92,123,255,.34)!important;
  position:relative;overflow:hidden
}
.logo::after,.brand-mark::after{content:"";position:absolute;inset:-60% -35%;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.42),transparent 65%);transform:translateX(-80%);animation:logoSheen 5.5s ease-in-out infinite}
.nav,.side nav{gap:7px!important}
.nav-group{
  margin:18px 11px 7px!important;
  color:#73829a!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase
}
.nav button,.side nav button{
  min-height:45px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  color:#93a1b7!important;
  transition:transform .28s var(--ease),background .28s,border-color .28s,color .28s,box-shadow .28s!important;
  position:relative;overflow:hidden
}
.nav button::before,.side nav button::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(124,140,255,.18),rgba(32,211,238,.05));opacity:0;transition:opacity .25s}
.nav button:hover,.side nav button:hover{transform:translateX(3px);color:#eef2ff!important;border-color:rgba(124,140,255,.15)!important}
.rtl .nav button:hover,.rtl .side nav button:hover{transform:translateX(-3px)}
.nav button:hover::before,.side nav button:hover::before,.nav button.active::before,.side nav button.active::before{opacity:1}
.nav button.active,.side nav button.active{
  color:#fff!important;border-color:rgba(124,140,255,.30)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 26px rgba(34,45,95,.25)
}
.nav .ico{position:relative;z-index:1;color:#aeb8ff;font-size:16px}
.nav button span,.side nav button{position:relative;z-index:1}

.topbar,.top,.public-head{
  background:rgba(7,11,19,.63)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  border-color:var(--line)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.10)
}
.topbar,.top{min-height:76px;height:auto!important}
.content{padding-top:30px!important}

/* Cards / bento system */
.card,.section,.panel,.auth-card,.auth-box,.modal,.hero-panel,.terminal,.compare,.overall{
  border-color:var(--line)!important;
  background:linear-gradient(145deg,rgba(25,36,58,.76),rgba(11,17,30,.82))!important;
  box-shadow:var(--shadow-soft)!important;
  backdrop-filter:blur(20px) saturate(130%);
}
.card,.section,.panel{position:relative;overflow:hidden}
.card::before,.section::before,.panel::before{
  content:"";position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:.65;pointer-events:none
}
.card:hover{border-color:rgba(124,140,255,.28)!important}
.stat{min-height:125px;display:flex;flex-direction:column;justify-content:center;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.stat:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(0,0,0,.29),0 0 0 1px rgba(124,140,255,.10)!important}
.stat .value,.stat b{background:linear-gradient(135deg,#fff,#b9c4ff 62%,#6fe7f4);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:850!important}

/* Buttons */
.btn{
  border-radius:13px!important;
  border-color:rgba(148,163,184,.17)!important;
  background:linear-gradient(180deg,rgba(39,51,75,.78),rgba(23,32,50,.78))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
  transition:transform .22s var(--ease),box-shadow .22s,border-color .22s,filter .22s!important;
  position:relative;overflow:hidden;isolation:isolate
}
.btn::after{content:"";position:absolute;inset:-120% 40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-240%) rotate(12deg);transition:transform .65s var(--ease);z-index:-1}
.btn:hover{transform:translateY(-2px)!important;border-color:rgba(124,140,255,.38)!important;box-shadow:0 13px 30px rgba(0,0,0,.22)}
.btn:hover::after{transform:translateX(240%) rotate(12deg)}
.btn:active{transform:translateY(0) scale(.98)!important}
.btn.primary{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--brand3),var(--brand) 46%,var(--brand2))!important;
  box-shadow:var(--shadow-brand)!important;color:#fff!important
}
.btn.primary:hover{filter:saturate(1.18) brightness(1.06)}
.btn.good{background:linear-gradient(135deg,rgba(50,214,155,.22),rgba(50,214,155,.08))!important}
.btn.danger{background:linear-gradient(135deg,rgba(255,107,125,.20),rgba(255,107,125,.07))!important}

/* Inputs */
.input,.select,.textarea{
  border-radius:14px!important;
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(5,10,19,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .2s,box-shadow .2s,background .2s,transform .2s!important
}
.input:hover,.select:hover,.textarea:hover{border-color:rgba(124,140,255,.26)!important}
.input:focus,.select:focus,.textarea:focus{
  border-color:rgba(124,140,255,.72)!important;
  background:rgba(7,12,23,.85)!important;
  box-shadow:0 0 0 4px rgba(124,140,255,.12),0 12px 28px rgba(0,0,0,.16)!important
}
.field label{font-weight:650;color:#aab5c8!important}

/* Tables */
.table-wrap{border-radius:18px!important;border-color:var(--line)!important;background:rgba(5,9,17,.35)}
.table th{background:rgba(14,21,35,.94)!important;color:#a6b2c6!important;font-weight:750!important;letter-spacing:.015em}
.table td{border-color:rgba(148,163,184,.10)!important}
.table tr{transition:background .2s,transform .2s}
.table tbody tr:hover td{background:rgba(124,140,255,.055)!important}
.badge{border-radius:999px!important;backdrop-filter:blur(8px);font-weight:650}
.badge::before{box-shadow:0 0 10px currentColor}

/* Modals */
.modal-backdrop,.modal-bg{background:rgba(2,5,12,.74)!important;backdrop-filter:blur(11px) saturate(115%)!important;animation:backdropIn .22s ease both}
.modal{border-radius:26px!important;box-shadow:0 42px 140px rgba(0,0,0,.65),0 0 0 1px rgba(124,140,255,.09)!important;animation:modalSpring .48s var(--ease) both}
.modal h2,.modal h3{letter-spacing:-.025em}

/* Stage 2 — motion */
.content>*,#content>*{animation:pageEnter .55s var(--ease) both}
.grid>*:nth-child(1),.products>*:nth-child(1),.service-grid>*:nth-child(1){animation-delay:.02s}
.grid>*:nth-child(2),.products>*:nth-child(2),.service-grid>*:nth-child(2){animation-delay:.06s}
.grid>*:nth-child(3),.products>*:nth-child(3),.service-grid>*:nth-child(3){animation-delay:.10s}
.grid>*:nth-child(4),.products>*:nth-child(4),.service-grid>*:nth-child(4){animation-delay:.14s}
.grid>*:nth-child(5),.products>*:nth-child(5),.service-grid>*:nth-child(5){animation-delay:.18s}
.grid>*:nth-child(6),.products>*:nth-child(6),.service-grid>*:nth-child(6){animation-delay:.22s}
.toast{animation:toastIn .4s var(--ease) both;border-radius:16px!important;background:rgba(20,29,47,.94)!important;backdrop-filter:blur(18px)}
.empty{position:relative}
.empty::after{content:"";display:block;width:44px;height:3px;margin:16px auto 0;border-radius:99px;background:linear-gradient(90deg,transparent,var(--brand),var(--brand3),transparent);animation:loadingSweep 1.2s ease-in-out infinite}

/* Public storefront */
.public-head{border-radius:0 0 20px 20px}
.hero{position:relative}
.hero h1{font-weight:900!important;letter-spacing:-.045em;line-height:1.12!important}
.rtl .hero h1{letter-spacing:-.025em}
.hero h1 span{background:linear-gradient(90deg,var(--brand3),#b9c3ff,var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero-panel{border-radius:30px!important;transform:perspective(1200px) rotateY(-2deg);transition:transform .5s var(--ease),box-shadow .5s}
.rtl .hero-panel{transform:perspective(1200px) rotateY(2deg)}
.hero-panel:hover{transform:perspective(1200px) rotateY(0) translateY(-5px);box-shadow:0 38px 100px rgba(0,0,0,.44),0 0 55px rgba(124,140,255,.12)!important}
.terminal{border-radius:20px!important;background:rgba(4,8,16,.84)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.terminal>div:not(.dots){animation:terminalLine .5s var(--ease) both}
.terminal>div:nth-child(2){animation-delay:.12s}.terminal>div:nth-child(3){animation-delay:.25s}.terminal>div:nth-child(4){animation-delay:.38s}.terminal>div:nth-child(5){animation-delay:.51s}.terminal>div:nth-child(6){animation-delay:.64s}.terminal>div:nth-child(7){animation-delay:.77s}
.product{border-radius:26px!important;transition:transform .36s var(--ease),border-color .3s,box-shadow .3s!important}
.product:hover{transform:translateY(-9px) scale(1.012)!important;box-shadow:0 32px 75px rgba(0,0,0,.34),0 0 0 1px rgba(124,140,255,.12)!important}
.product::after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-100px;background:radial-gradient(circle,rgba(124,140,255,.18),transparent 67%);transition:transform .45s}
.rtl .product::after{right:auto;left:-90px}
.product:hover::after{transform:scale(1.35)}
.bank-card{background:linear-gradient(135deg,#1d4ed8 0%,#6d5dfc 45%,#a855f7 100%)!important;box-shadow:0 30px 90px rgba(71,85,220,.36)!important;transition:transform .4s var(--ease),box-shadow .4s}
.bank-card:hover{transform:translateY(-6px) rotateX(2deg);box-shadow:0 38px 105px rgba(71,85,220,.44)!important}
.bank-card::before{animation:cardOrb 9s ease-in-out infinite alternate}
.bank-number{font-family:"Vazirmatn",ui-monospace,monospace!important;direction:ltr;text-align:left;letter-spacing:.08em!important}

/* Wizard / action refinements */
.provision-modal,.action-modal{border-radius:30px!important}
.provision-steps{background:rgba(4,9,18,.33)}
.step-dot,.step-number{box-shadow:0 0 0 5px rgba(124,140,255,.07)}
.select-card,.image-card,.plan-card,.location-card,.action-tile,.config-card{
  border-radius:18px!important;transition:transform .28s var(--ease),border-color .28s,box-shadow .28s!important
}
.select-card:hover,.image-card:hover,.plan-card:hover,.location-card:hover,.action-tile:hover,.config-card:hover{transform:translateY(-4px);border-color:rgba(124,140,255,.42)!important;box-shadow:0 18px 44px rgba(0,0,0,.24)}

/* Persian / RTL details */
html[dir="rtl"] body{direction:rtl}
.rtl .table th,.rtl .table td,.rtl .nav button,.rtl .side nav button,.rtl .field label{text-align:right!important}
.rtl .mono,.rtl code,.rtl pre,.rtl .codebox,.rtl input[type="email"],.rtl input[type="url"],.rtl input[inputmode="numeric"]{direction:ltr;text-align:left}
.rtl .modal-actions{justify-content:flex-start}
.rtl .row-actions{justify-content:flex-start}
.rtl .top-actions,.rtl .nav-actions{direction:rtl}
.rtl .global-search-wrap input{padding-right:14px}
.rtl .table{direction:rtl}
.rtl .bank-number{direction:ltr;text-align:left}

/* Status and console */
.wrap{position:relative}
.overall{border-color:rgba(50,214,155,.28)!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important}
.status{font-family:"Vazirmatn","Segoe UI",sans-serif!important;backdrop-filter:blur(14px)}

@keyframes pageEnter{from{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:none}}
@keyframes modalSpring{0%{opacity:0;transform:translateY(25px) scale(.94)}65%{opacity:1;transform:translateY(-3px) scale(1.008)}100%{opacity:1;transform:none}}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}
@keyframes toastIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes terminalLine{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes loadingSweep{0%,100%{transform:scaleX(.45);opacity:.45}50%{transform:scaleX(1.15);opacity:1}}
@keyframes logoSheen{0%,68%{transform:translateX(-100%) rotate(12deg)}88%,100%{transform:translateX(110%) rotate(12deg)}}
@keyframes orbFloatA{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(90px,75px,0) scale(1.16)}}
@keyframes orbFloatB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-85px,-65px,0) scale(1.12)}}
@keyframes cardOrb{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-35px,20px,0) scale(1.2)}}

@media(max-width:850px){
  .sidebar,.side{box-shadow:30px 0 80px rgba(0,0,0,.48)}
  .rtl .sidebar,.rtl .side{box-shadow:-30px 0 80px rgba(0,0,0,.48)}
  .content{padding-top:20px!important}
  .hero-panel,.rtl .hero-panel{transform:none}
}
@media(max-width:560px){
  :root{--radius:18px}
  .card,.section,.panel{border-radius:18px!important}
  .btn{min-height:42px}
  .modal{border-radius:21px!important;padding:18px!important}
  .public-head{border-radius:0 0 16px 16px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* =========================================================
   HCloud Experience 5 — premium commerce, depth and motion
   ========================================================= */
:root{
  --premium-violet:#7c6cff;--premium-cyan:#40d9ff;--premium-pink:#dd71ff;
  --premium-glow:0 28px 90px rgba(73,63,198,.22),0 0 0 1px rgba(149,139,255,.10);
}
html::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.ambient-cursor-glow{position:fixed;left:-170px;top:-170px;width:340px;height:340px;border-radius:50%;pointer-events:none;z-index:9999;opacity:.16;filter:blur(36px);background:radial-gradient(circle,rgba(124,108,255,.72),rgba(64,217,255,.18) 42%,transparent 70%);mix-blend-mode:screen;will-change:transform}
.motion-reveal{opacity:0;transform:translateY(24px) scale(.975);filter:blur(6px);transition:opacity .72s var(--ease) var(--reveal-delay,0ms),transform .72s var(--ease) var(--reveal-delay,0ms),filter .72s var(--ease) var(--reveal-delay,0ms)}
.motion-reveal.motion-visible{opacity:1;transform:none;filter:none}
.page-swap{animation:premiumPageSwap .62s var(--ease) both}

.premium-head{position:relative;isolation:isolate;padding:25px 27px;border:1px solid rgba(143,132,255,.14);border-radius:25px;background:linear-gradient(125deg,rgba(23,29,47,.78),rgba(10,15,27,.53));box-shadow:var(--premium-glow);overflow:hidden}
.premium-head::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--gx,82%) var(--gy,0%),rgba(124,108,255,.23),transparent 34%),linear-gradient(100deg,transparent,rgba(64,217,255,.035),transparent)}
.premium-head::after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(124,108,255,.18);border-radius:50%;left:-80px;bottom:-135px;box-shadow:0 0 0 24px rgba(124,108,255,.025),0 0 0 50px rgba(64,217,255,.016);animation:premiumOrbit 18s linear infinite}
.premium-head h2{font-size:clamp(25px,2.6vw,38px)!important;font-weight:900!important;background:linear-gradient(105deg,#fff 20%,#c9ccff 62%,#82e9ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.commerce-eyebrow{display:inline-flex!important;align-items:center;gap:8px;border:1px solid rgba(124,108,255,.24);background:rgba(124,108,255,.08);padding:6px 10px;border-radius:999px;letter-spacing:.06em!important;color:#c8c4ff!important}
.commerce-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--premium-cyan);box-shadow:0 0 13px var(--premium-cyan);animation:premiumPulse 2s ease-in-out infinite}

.commerce-kpis{perspective:1400px}.commerce-kpi,.pricing-glass,.price-preview-card{position:relative;isolation:isolate;overflow:hidden;will-change:transform;transform-style:preserve-3d;background:linear-gradient(145deg,rgba(31,39,63,.84),rgba(10,15,27,.66))!important;box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)!important}
.commerce-kpi::before,.pricing-glass::before,.price-preview-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--gx,80%) var(--gy,10%),rgba(124,108,255,.28),transparent 38%),linear-gradient(120deg,rgba(255,255,255,.03),transparent 35%)}
.commerce-kpi::after,.pricing-glass::after,.price-preview-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(124,108,255,.25),transparent 45%,rgba(64,217,255,.15));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.commerce-kpi-icon{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(124,108,255,.28),rgba(64,217,255,.09))!important;box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 30px rgba(65,60,190,.19)}
.commerce-kpi-icon::after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.35),transparent 26%);animation:premiumSpin 5.5s linear infinite}

.pricing-studio{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:17px;align-items:start}
.pricing-glass{border:1px solid rgba(142,132,255,.15);border-radius:24px;padding:22px}
.pricing-glass h3{margin-top:0;font-size:19px}.pricing-formula{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:19px;margin:15px 0;border:1px dashed rgba(124,108,255,.27);border-radius:19px;background:rgba(5,9,18,.35)}
.pricing-formula span{padding:10px 13px;border-radius:12px;background:rgba(124,108,255,.10);font-weight:750}.pricing-formula i{font-style:normal;color:var(--premium-cyan);font-size:20px}
.signed-rate{position:relative}.signed-rate input{font-size:23px!important;font-weight:850!important;padding-inline-start:46px!important}.signed-rate::before{content:"±%";position:absolute;z-index:2;top:38px;inset-inline-start:14px;color:#9da7ff;font-weight:850}
.fx-live-card{display:grid;gap:13px}.fx-rate{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid rgba(148,163,184,.12);border-radius:15px;background:rgba(4,9,18,.34)}.fx-rate b{font-size:19px}.fx-rate small{color:var(--muted)}
.catalog-preview{display:grid;gap:9px;max-height:490px;overflow:auto;padding-inline-end:4px}.catalog-plan{display:grid;grid-template-columns:1fr auto;align-items:center;gap:11px;border:1px solid rgba(148,163,184,.11);border-radius:15px;padding:13px;background:rgba(6,10,19,.42);transition:.25s var(--ease)}.catalog-plan:hover{transform:translateX(-3px);border-color:rgba(124,108,255,.34);background:rgba(124,108,255,.07)}.ltr .catalog-plan:hover{transform:translateX(3px)}

.location-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:9px}.location-choice{position:relative;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:15px;background:rgba(5,10,20,.48);cursor:pointer;transition:.24s var(--ease)}.location-choice:hover{transform:translateY(-2px);border-color:rgba(124,108,255,.38)}.location-choice:has(input:checked){border-color:rgba(64,217,255,.50);background:linear-gradient(135deg,rgba(124,108,255,.17),rgba(64,217,255,.07));box-shadow:0 12px 32px rgba(64,90,210,.12)}.location-choice input{accent-color:var(--premium-violet)}
.price-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.price-preview-card{border:1px solid rgba(148,163,184,.12);border-radius:17px;padding:14px}.price-preview-card small{display:block;color:var(--muted)}.price-preview-card b{display:block;font-size:21px;margin-top:7px}
.pricing-notice{border:1px solid rgba(64,217,255,.20)!important;background:linear-gradient(100deg,rgba(64,217,255,.08),rgba(124,108,255,.09))!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}

.btn::before{content:"";position:absolute;width:95px;height:95px;left:calc(var(--mx,50%) - 47px);top:calc(var(--my,50%) - 47px);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 67%);opacity:0;transition:opacity .2s;pointer-events:none}.btn:hover::before{opacity:.65}.premium-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.45);transform:translate(-50%,-50%) scale(0);animation:premiumRipple .62s ease-out forwards;pointer-events:none}
.nav button,.side nav button{position:relative;overflow:hidden}.nav button.active::after,.side nav button.active::after{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:99px;background:linear-gradient(var(--premium-cyan),var(--premium-violet));box-shadow:0 0 15px var(--premium-violet)}.nav button .ico{transition:transform .32s var(--ease),filter .32s}.nav button:hover .ico,.nav button.active .ico{transform:scale(1.12) rotate(-4deg);filter:drop-shadow(0 0 8px rgba(124,108,255,.75))}
.table tbody tr{animation:premiumRow .45s var(--ease) both}.table tbody tr:nth-child(2){animation-delay:.035s}.table tbody tr:nth-child(3){animation-delay:.07s}.table tbody tr:nth-child(4){animation-delay:.105s}.table tbody tr:nth-child(5){animation-delay:.14s}

@keyframes premiumPageSwap{0%{opacity:.25;transform:translateY(9px) scale(.994);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}}
@keyframes premiumRipple{to{transform:translate(-50%,-50%) scale(13);opacity:0}}
@keyframes premiumOrbit{to{transform:rotate(360deg)}}
@keyframes premiumPulse{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.22)}}
@keyframes premiumSpin{to{transform:rotate(360deg)}}
@keyframes premiumRow{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:1050px){.pricing-studio{grid-template-columns:1fr}}
@media(max-width:700px){.ambient-cursor-glow{display:none}.premium-head{padding:19px}.price-preview-grid{grid-template-columns:1fr}.pricing-formula{justify-content:flex-start}.motion-reveal{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.ambient-cursor-glow{display:none}.motion-reveal{opacity:1;transform:none;filter:none}.premium-head::after,.commerce-kpi-icon::after{animation:none!important}}