/* GENERATED from style.css by Tools/site-i18n/build-style-en.js. Do not edit by hand. */
/* Local Vazirmatn font */
@font-face{
  font-family:"Vazirmatn";
  src:url("/assets/fonts/Vazirmatn%5Bwght%5D.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
/* End local Vazirmatn font */

:root{--bg:#051d27;--bg2:#072832;--panel:#0b3437;--panel2:#0d3b3e;--line:#1f5757;--line2:#2f706b;--text:#f3fffd;--muted:#92bbb6;--accent:#47b8a1;--accent2:#8fd6c7;--danger:#ff5164;--shadow:0 28px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{margin:0;max-width:100%;overflow-x:hidden;background:radial-gradient(circle at 85% 10%,rgba(50,148,138,.13),transparent 28%),linear-gradient(-180deg,#041a24,#062731 54%,#041a24);color:var(--text);font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.site-shell{width:min(1460px,calc(100% - 40px));margin:auto}.topbar{height:84px;position:sticky;top:0;z-index:30;width:100%;background:rgba(5,29,39,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(47,112,107,.32);box-shadow:0 12px 34px rgba(0,0,0,.08)}.topbar-inner{width:min(1460px,calc(100% - 40px));height:100%;margin:0 auto;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);direction:rtl}.brand img{width:38px;height:38px;border-radius:10px}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:14px;letter-spacing:1.8px}.brand small{margin-top:5px;font-size:8px;letter-spacing:1.4px;color:var(--muted)}.nav{display:flex;gap:8px;margin:auto}.nav a{color:#b9d5d1;text-decoration:none;padding:10px 14px;border-radius:10px;font-size:13px;transition:.2s}.nav a:hover{background:rgba(71,184,161,.09);color:#fff}.top-actions{display:flex;gap:8px}.btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:11px;padding:11px 18px;font-family:inherit;font-weight:700;cursor:pointer;transition:.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px);border-color:var(--line2)}.btn-primary{background:linear-gradient(-135deg,#49bda5,#359f91);border-color:#66d2bb;color:#031c21;box-shadow:0 10px 30px rgba(55,179,155,.14)}.btn-ghost{background:rgba(9,52,55,.52)}.btn-danger{background:rgba(255,81,100,.12);border-color:rgba(255,81,100,.45);color:#ff919d}.btn-xl{padding:14px 24px;font-size:14px}.btn-block{width:100%;height:50px}.hidden{display:none!important}.hero{min-height:720px;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:52px;padding:70px 0 90px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#72cdbb;font-weight:800;text-transform:uppercase}.eyebrow i{display:inline-block;width:7px;height:7px;background:#3ff1b5;border-radius:50%;box-shadow:0 0 18px #3ff1b5;margin-right:7px}.hero h1{font-size:clamp(42px,5.3vw,78px);line-height:1.18;margin:24px 0 22px;letter-spacing:-2px}.hero h1 span{color:var(--accent2);text-shadow:0 0 50px rgba(143,214,199,.13)}.hero-copy>p{font-size:18px;line-height:2;color:#a8cbc7;max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:30px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#79aaa5;font-size:12px}.trust-row span{display:flex;align-items:center;gap:6px}.hero-visual{position:relative;direction:rtl}.visual-glow{position:absolute;width:78%;height:78%;right:13%;top:10%;background:#2c8d81;filter:blur(110px);opacity:.17;border-radius:50%}.window-card{position:relative;overflow:hidden;border:1px solid #245b5b;border-radius:17px;background:#061e28;box-shadow:var(--shadow);transform:perspective(1100px) rotateY(3deg) rotateX(1deg)}.window-head{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#08242d;border-bottom:1px solid #18464a;color:#76aaa6;font-size:9px}.window-head>span{display:flex;gap:5px}.window-head b{width:7px;height:7px;border-radius:50%;background:#2b615f}.window-head i{font-style:normal;color:#4decb6}.window-card img{display:block;width:100%}.floating-stat{position:absolute;background:rgba(8,43,47,.92);backdrop-filter:blur(12px);border:1px solid #2a6b65;border-radius:13px;padding:13px 16px;box-shadow:0 20px 40px rgba(0,0,0,.28);display:flex;flex-direction:column;min-width:130px}.floating-stat small{font-size:8px;color:#7eb7b0}.floating-stat strong{font-size:22px;margin:2px 0}.floating-stat span{font-size:9px;color:#52e6b3}.stat-a{left:-20px;bottom:28px}.stat-b{right:-22px;top:100px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:rgba(10,51,55,.62);margin-bottom:80px}.metric-strip div{padding:22px;text-align:center;border-right:1px solid var(--line)}.metric-strip div:last-child{border-right:0}.metric-strip strong{display:block;font-size:18px}.metric-strip span{font-size:10px;color:var(--muted)}.section{padding:90px 0}.section-head{max-width:720px;margin:0 auto 44px;text-align:center}.section-head h2{font-size:clamp(30px,4vw,50px);margin:12px 0}.section-head p{color:var(--muted);line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{padding:25px;border:1px solid var(--line);background:linear-gradient(-180deg,rgba(12,57,60,.84),rgba(7,40,45,.72));border-radius:16px;min-height:215px;transition:.25s}.feature-grid article:hover{transform:translateY(-5px);border-color:#3a8079}.feature-icon{width:44px;height:44px;border:1px solid #397a72;background:#123f40;border-radius:12px;display:grid;place-items:center;color:#78dbc7;font-size:19px}.feature-grid h3{margin:24px 0 9px;font-size:16px}.feature-grid p{color:#91b8b3;font-size:12px;line-height:1.9}.showcase{max-width:1280px;margin:auto}.showcase-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;align-items:center;margin:72px 0}.showcase-row.reverse{grid-template-columns:1.28fr .72fr}.showcase-row.reverse .show-copy{order:2}.show-copy>span{font-size:65px;font-weight:900;color:rgba(113,205,187,.15);line-height:1}.show-copy h3{font-size:29px;margin:4px 0 12px}.show-copy p,.show-copy li{color:#93bdb7;line-height:1.9;font-size:13px}.show-copy ul{padding-left:20px}.shot{padding:9px;border-radius:18px;background:linear-gradient(-135deg,rgba(66,157,145,.5),rgba(13,56,61,.4));border:1px solid #2e6a66;box-shadow:0 25px 65px rgba(0,0,0,.28)}.shot img{display:block;width:100%;border-radius:11px}.plans-grid{max-width:900px;margin:auto}.plan-card,.loading-card{border:1px solid var(--line);background:linear-gradient(-180deg,#0c383a,#082b31);border-radius:18px;padding:28px}.plan-topline,.plan-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.plan-kicker{font-size:9px;letter-spacing:1.5px;color:#64cdb8}.plan-card h3{font-size:27px;margin:5px 0}.plan-card>p{color:var(--muted)}.plan-badge-static{border:1px solid #397f76;border-radius:20px;padding:6px 12px;font-size:10px;color:#8bd9cb}.plan-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.plan-features>div{display:flex;gap:10px;padding:13px;background:#092d32;border:1px solid #194d50;border-radius:12px}.feature-check{color:#45edb3}.plan-features strong,.plan-features small{display:block}.plan-features strong{font-size:12px}.plan-features small{font-size:9px;color:var(--muted);margin-top:3px}.plan-price strong{display:block;font-size:25px}.plan-price span{font-size:10px;color:var(--muted)}.auth-promo{border:1px solid var(--line);border-radius:22px;padding:48px;background:radial-gradient(circle at 10% 50%,rgba(58,163,146,.18),transparent 32%),#092e34;display:flex;justify-content:space-between;align-items:center;gap:30px}.auth-promo h2{font-size:30px;max-width:780px;margin:10px 0}.auth-promo p{color:var(--muted)}.faq-list{max-width:900px;margin:auto;display:grid;gap:10px}.faq-list details{border:1px solid var(--line);background:#092e33;border-radius:13px;padding:17px 20px}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{color:var(--muted);font-size:12px;line-height:1.9}footer{height:130px;border-top:1px solid rgba(47,112,107,.4);display:flex;align-items:center;justify-content:space-between;color:#729d99;font-size:11px}.modal-backdrop,.dashboard-backdrop{position:fixed;inset:0;z-index:100;background:rgba(1,12,17,.78);backdrop-filter:blur(10px);display:flex;align-items:flex-start;justify-content:center;padding:22px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.auth-modal{width:min(470px,100%);max-height:none;margin:auto 0;background:#082a31;border:1px solid #2b6965;border-radius:20px;padding:26px;box-shadow:var(--shadow);position:relative}.modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#85aaa7;font-size:27px;cursor:pointer}.auth-brand{display:flex;direction:rtl;align-items:center;gap:10px;margin-bottom:22px}.auth-brand img{width:40px;height:40px}.auth-brand div{display:flex;flex-direction:column}.auth-brand strong{font-size:13px;letter-spacing:1.8px}.auth-brand span{font-size:8px;color:#7fa8a4;letter-spacing:1px;margin-top:3px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#061e27;border:1px solid #194b4f;border-radius:11px;padding:4px;margin-bottom:24px}.auth-tabs button{border:0;background:transparent;color:#84aaa6;padding:10px;border-radius:8px;font-family:inherit;cursor:pointer}.auth-tabs button.active{background:#123f40;color:#eafffb}.form-head h2{margin:0;font-size:25px}.form-head p{margin:5px 0 20px;color:#82aaa5;font-size:11px}.auth-form{display:grid;gap:14px}.auth-form label,.password-form label{font-size:11px;color:#b4d0cc;display:grid;gap:7px}.auth-form input,.password-form input{width:100%;height:47px;background:#061f28;border:1px solid #23575a;border-radius:10px;color:#fff;padding:0 13px;font:inherit;outline:0;direction:rtl;text-align:right}.auth-form input:focus,.password-form input:focus{border-color:#52baa6;box-shadow:0 0 0 3px rgba(82,186,166,.09)}.auth-form small{font-size:9px;color:#719995}.password-wrap{position:relative}.password-wrap input{padding-right:66px}.eye-btn{position:absolute;right:7px;top:7px;height:33px;border:0;border-radius:7px;background:#0d393c;color:#8fc1bb;font:inherit;font-size:9px;cursor:pointer}.terms-check{display:flex!important;grid-template-columns:18px 1fr!important;align-items:start;gap:8px!important}.terms-check input{width:16px;height:16px}.terms-check span{font-size:10px;color:#85aaa6}.form-message{margin-top:14px;padding:11px;border-radius:9px;background:rgba(255,81,100,.09);border:1px solid rgba(255,81,100,.3);color:#ff9aa4;font-size:11px}.link-btn{border:0;background:transparent;color:#73cfbd;font-family:inherit;font-size:11px;cursor:pointer}.verify-state{text-align:center;padding:16px 4px 6px}.mail-icon{width:62px;height:62px;margin:auto;display:grid;place-items:center;border-radius:18px;background:#123f40;border:1px solid #367970;font-size:25px}.verify-state h2{margin:18px 0 7px}.verify-state p{color:#8eb4b0;font-size:12px;line-height:1.8}.verify-state .btn{margin:20px 0 8px}.dashboard{width:min(850px,100%);max-height:90vh;overflow:auto;position:relative;background:#082b31;border:1px solid #2a6663;border-radius:20px;padding:28px;box-shadow:var(--shadow)}.dashboard-head{display:flex;justify-content:space-between}.dashboard-head h2{margin:6px 0 20px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-card{border:1px solid #24595a;background:#0b3437;border-radius:14px;padding:18px}.profile-card{display:flex;align-items:center;gap:13px}.profile-avatar{width:45px;height:45px;border-radius:12px;background:#1c514c;display:grid;place-items:center;font-weight:800}.profile-card h3,.profile-card p{margin:0}.profile-card p{color:var(--muted);font-size:10px}.subscription-card strong{display:block;font-size:21px;margin:7px 0}.subscription-card p{color:var(--muted);font-size:10px}.dash-label{font-size:9px;color:#73aaa4}.dashboard-tabs{display:flex;gap:6px;margin:20px 0;border-bottom:1px solid #215153;padding-bottom:9px}.dashboard-tabs button{background:transparent;border:0;color:#83aaa6;font-family:inherit;padding:9px 13px;cursor:pointer}.dashboard-tabs button.active{color:#fff;background:#123f40;border-radius:8px}.account-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.account-info>div{padding:14px;border:1px solid #204f51;border-radius:10px}.account-info span,.account-info strong{display:block}.account-info span{font-size:9px;color:#75a39f}.account-info strong{font-size:12px;margin-top:5px}.password-form{display:grid;gap:12px}.orders-list{display:grid;gap:8px}.order-row{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid #205152;border-radius:10px}.order-main strong,.order-main span{display:block}.order-main span{font-size:9px;color:var(--muted)}.checkout-modal{width:min(640px,100%);background:#082b31;border:1px solid #28635f;border-radius:20px;padding:28px;position:relative}.checkout-header{display:flex;justify-content:space-between}.checkout-header h2{margin:5px 0}.checkout-header p{font-size:11px;color:var(--muted)}.checkout-steps{display:flex;align-items:center;gap:7px}.checkout-steps span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #2e6864;font-size:10px}.checkout-steps span.active{background:#43b39c;color:#041c21}.checkout-steps i{width:20px;height:1px;background:#2e6864}.checkout-plan-card,.checkout-summary{border:1px solid #245759;border-radius:13px;padding:17px;margin:20px 0;background:#0b3437}.checkout-plan-card{display:flex;justify-content:space-between}.checkout-plan-card span,.checkout-plan-card small,.checkout-plan-card strong{display:block}.checkout-plan-label,.checkout-plan-card small{font-size:9px;color:var(--muted)}.checkout-review-price{font-size:20px}.checkout-note{display:flex;gap:10px;color:#8eb7b2;font-size:10px}.checkout-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.checkout-summary{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checkout-summary span,.checkout-summary strong{display:block}.checkout-summary span{font-size:9px;color:var(--muted)}.gateway-placeholder{padding:16px;background:#092e33;border:1px dashed #337069;border-radius:12px}.gateway-placeholder p{font-size:10px;color:var(--muted)}.checkout-success-head{display:flex;gap:12px;align-items:center}.checkout-success-icon{width:40px;height:40px;border-radius:11px;background:#154b42;color:#45efb4;display:grid;place-items:center}.toast{position:fixed;right:24px;bottom:24px;z-index:200;max-width:360px;background:#0d3a3c;border:1px solid #36746e;color:#eafffb;border-radius:12px;padding:13px 17px;box-shadow:var(--shadow);font-size:11px}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{max-width:850px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.showcase-row,.showcase-row.reverse{grid-template-columns:1fr}.showcase-row.reverse .show-copy{order:0}.nav{display:none}}@media(max-width:700px){.site-shell{width:min(100% - 24px,1460px)}.topbar{height:70px}.topbar-inner{width:min(100% - 24px,1460px);gap:12px}.brand small{display:none}.top-actions .btn{padding:9px 11px;font-size:10px}.hero{min-height:0;padding:55px 0}.hero h1{font-size:42px}.hero-copy>p{font-size:14px}.floating-stat{display:none}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip div:nth-child(2){border-right:0}.feature-grid{grid-template-columns:1fr}.showcase-row{gap:20px}.show-copy h3{font-size:23px}.plan-features{grid-template-columns:1fr}.plan-bottom,.auth-promo{align-items:stretch;flex-direction:column}.auth-promo{padding:28px}.dashboard-grid,.account-info,.checkout-summary{grid-template-columns:1fr}.section{padding:60px 0}footer{flex-direction:column;justify-content:center;gap:12px}}
/* Account page v4 */
.auth-forgot-link{justify-self:end;margin:-4px 0 2px}
.account-page{width:min(1460px,calc(100% - 44px));margin:0 auto;padding:46px 0 80px;min-height:calc(100vh - 82px)}
.account-shell{display:grid;grid-template-columns:255px minmax(0,1fr);gap:22px;align-items:start}
.account-sidebar{position:sticky;top:104px;border:1px solid var(--line);background:linear-gradient(-180deg,#0b3437,#082a31);border-radius:20px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.account-identity{display:flex;align-items:center;gap:12px;padding:8px 6px 20px;border-bottom:1px solid #205153;direction:ltr}
.account-identity>div:last-child{min-width:0;display:flex;flex-direction:column}.account-identity span{font-size:9px;color:#71aaa4}.account-identity strong{font-size:15px;margin:3px 0}.account-identity small{font-size:9px;color:#82aaa6;direction:rtl;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-avatar{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:linear-gradient(-145deg,#28695f,#123f40);border:1px solid #3d8176;color:#dffff8}
.account-nav{display:grid;gap:6px;padding:16px 0}.account-nav button{border:1px solid transparent;background:transparent;color:#8fb5b0;border-radius:10px;text-align:left;padding:11px 13px;font:inherit;font-size:11px;cursor:pointer;transition:.16s ease}.account-nav button:hover{background:#0f3a3d;color:#e9fffb}.account-nav button.active{background:#164744;border-color:#2d6a63;color:#fff;font-weight:700}
.account-logout{width:100%;margin-top:4px}.account-content{min-width:0}.account-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:2px 2px 25px}.account-page-head h1{font-size:34px;margin:6px 0 7px}.account-page-head p{color:var(--muted);font-size:12px;margin:0}
.account-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.account-primary-card{padding:28px;background:radial-gradient(circle at 0 0,rgba(73,187,165,.14),transparent 40%),#0a3437}.account-primary-card h2{font-size:27px;margin:7px 0 4px}.account-primary-card>p{color:#8fb8b3;margin:0;direction:rtl;text-align:left}.account-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.status-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #38645f;background:#0a2b30;color:#89aaa6;border-radius:999px;padding:5px 9px;font-size:9px}.status-badge.success{border-color:#24745d;background:rgba(34,180,124,.09);color:#5de0a8}.premium-card{padding:26px;display:flex;flex-direction:column;align-items:flex-start}.premium-card strong{font-size:27px}.premium-card .btn{margin-top:auto}
.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.account-stats>div{border:1px solid #215355;background:#092f34;border-radius:13px;padding:16px}.account-stats span,.account-stats strong{display:block}.account-stats span{font-size:9px;color:#75a5a0}.account-stats strong{font-size:12px;margin-top:7px;overflow-wrap:anywhere}
.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-title h2{font-size:22px;margin:0 0 4px}.panel-title p{font-size:10px;color:var(--muted);margin:0}.account-list{display:grid;gap:9px}.account-list-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #215355;background:#092f34;border-radius:13px;padding:13px 15px}.account-list-icon{width:38px;height:38px;border-radius:10px;background:#123f40;border:1px solid #2d6661;display:grid;place-items:center;color:#8fd3c6}.account-list-main{min-width:0}.account-list-main strong,.account-list-main span{display:block}.account-list-main strong{font-size:12px}.account-list-main span{font-size:9px;color:#7ca7a2;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.account-list-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.account-list-meta small{color:#779f9b;font-size:8px}.current-session{font-size:8px;color:#53ddb0;margin-left:7px}.mini-danger{border:1px solid rgba(255,81,100,.32);background:rgba(255,81,100,.07);color:#ff929c;border-radius:7px;padding:6px 9px;font:inherit;font-size:8px;cursor:pointer}.security-grid{display:grid;grid-template-columns:1fr .85fr;gap:14px}.security-grid .dash-card{padding:22px}.security-note h3{font-size:20px;margin:9px 0}.security-note p{font-size:11px;color:var(--muted);line-height:1.9}.security-note .btn{margin-top:12px}
@media(max-width:980px){.account-shell{grid-template-columns:1fr}.account-sidebar{position:static}.account-nav{display:flex;overflow:auto}.account-nav button{white-space:nowrap}.account-logout{width:auto}.account-hero-grid,.security-grid{grid-template-columns:1fr}.account-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.account-page{width:min(100% - 24px,1460px);padding-top:26px}.account-page-head{flex-direction:column}.account-page-head h1{font-size:28px}.account-stats{grid-template-columns:1fr}.account-list-row{grid-template-columns:38px minmax(0,1fr)}.account-list-meta{grid-column:2;align-items:flex-start}.account-sidebar{border-radius:15px}.account-identity{padding-bottom:14px}}

/* Mobile verification */
.phone-verify-state .otp-label{display:block;text-align:left;margin:18px 0 10px}
.phone-verify-state .otp-input,.security-phone-otp input{letter-spacing:.45em;text-align:center;font-size:20px;font-weight:800;direction:rtl}
.security-phone-otp{margin-top:16px;padding-top:16px;border-top:1px solid rgba(120,220,205,.14);display:grid;gap:10px}
.security-phone-otp.hidden{display:none}
.phone-security-card{display:flex;flex-direction:column;gap:12px}
.phone-security-card label{display:grid;gap:7px}
.phone-security-card input{width:100%}

/* Pingura mobile-only verification polish */
.phone-input-shell{display:flex;align-items:center;direction:rtl;height:50px;background:#061f28;border:1px solid #23575a;border-radius:12px;overflow:hidden;transition:.2s}
.phone-input-shell:focus-within{border-color:#52baa6;box-shadow:0 0 0 3px rgba(82,186,166,.09)}
.phone-input-shell .phone-icon{height:100%;min-width:62px;display:grid;place-items:center;background:#0d393c;border-left:1px solid #23575a;color:#8fd6c7;font-weight:800;letter-spacing:.5px}
.phone-input-shell input{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;height:100%!important;font-size:15px!important;letter-spacing:.6px}
.phone-verify-state .otp-label{display:grid;gap:9px;text-align:left;color:#b4d0cc;font-size:12px;margin:22px 0 16px}
.phone-verify-state .otp-input{width:100%;height:58px!important;background:#061f28!important;border:1px solid #2a6663!important;border-radius:12px!important;color:#fff!important;text-align:center!important;direction:rtl!important;font-size:25px!important;font-weight:800!important;letter-spacing:14px!important;padding:0 18px!important;outline:0}
.phone-verify-state .otp-input:focus{border-color:#58c7b2!important;box-shadow:0 0 0 4px rgba(82,186,166,.11)!important}
.auth-form input:-webkit-autofill,.password-form input:-webkit-autofill,.phone-verify-state input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #061f28 inset!important;box-shadow:0 0 0 1000px #061f28 inset!important;caret-color:#fff!important;transition:background-color 9999s ease-out 0s}
.phone-readonly-card{display:flex;flex-direction:column;gap:13px}.readonly-phone-value{direction:rtl;text-align:right;padding:15px 17px;border:1px solid #2b6662;border-radius:12px;background:#071f28;color:#fff;font-size:19px;font-weight:800;letter-spacing:.7px}.readonly-phone-status{padding:10px 13px;border-radius:10px;background:rgba(71,184,161,.09);border:1px solid rgba(71,184,161,.22);color:#91d8ca;font-size:11px}

/* Auth/mobile UX + global overflow hardening */
img,svg,video,canvas{max-width:100%}.phone-input-shell{height:47px;display:flex;direction:rtl;align-items:center;overflow:hidden;background:#061f28;border:1px solid #23575a;border-radius:10px;transition:.2s}.phone-input-shell:focus-within{border-color:#52baa6;box-shadow:0 0 0 3px rgba(82,186,166,.09)}.phone-input-shell .phone-prefix{height:100%;min-width:58px;display:grid;place-items:center;background:#0d393c;border-left:1px solid #23575a;color:#8fd6c7;font-size:12px;font-weight:800}.phone-input-shell input{height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;direction:rtl!important;text-align:right!important}.otp-label{display:grid;gap:8px;text-align:left;color:#b4d0cc;font-size:11px}.otp-input{width:100%;height:52px;background:#061f28!important;border:1px solid #23575a!important;border-radius:10px!important;color:#fff!important;text-align:center!important;direction:rtl!important;letter-spacing:10px;font-size:22px!important;font-weight:800;outline:0}.otp-input:focus{border-color:#52baa6!important;box-shadow:0 0 0 3px rgba(82,186,166,.09)!important}.auth-or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#719995;font-size:10px}.auth-or span{height:1px;background:#1f5757}.auth-or b{font-weight:500}.auth-modal input:-webkit-autofill,.auth-modal input:-webkit-autofill:hover,.auth-modal input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #061f28 inset;transition:background-color 9999s ease-out 0s}.hero-visual,.window-card,.shot,.showcase,.section,.site-shell,.topbar-inner{min-width:0}@media(max-height:760px){.modal-backdrop{padding-top:12px;padding-bottom:12px}.auth-modal{margin:0}}

/* Auth feedback states */
.form-message.error{background:rgba(255,81,100,.09);border-color:rgba(255,81,100,.3);color:#ff9aa4}
.form-message.success{background:rgba(45,201,139,.10);border-color:rgba(45,201,139,.38);color:#69e3ad}
#phoneVerifyText{unicode-bidi:plaintext}

/* Multi-plan responsive pricing layout v4.5.2 */
.plans-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plans-grid>.loading-card{grid-column:1/-1}
.plan-card{display:flex;flex-direction:column;min-width:0;height:100%;padding:24px}
.plan-card>p{min-height:48px;line-height:1.9;margin:12px 0 0}
.plan-topline{align-items:flex-start}
.plan-topline>div{min-width:0}
.plan-card h3{font-size:23px;line-height:1.45;margin:5px 0;overflow-wrap:anywhere}
.plan-badge-static{white-space:nowrap;flex:0 0 auto}
.plan-features{grid-template-columns:1fr;margin:20px 0;gap:8px}
.plan-features>div{min-width:0}
.plan-bottom{margin-top:auto;padding-top:6px;align-items:flex-end}
.plan-price strong{font-size:23px;white-space:nowrap}
.plan-bottom .buy-plan{white-space:nowrap}
@media(max-width:1050px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}}
@media(max-width:700px){.plans-grid{grid-template-columns:1fr;max-width:560px;gap:12px}.plan-card{padding:20px}.plan-card>p{min-height:0}.plan-bottom{align-items:stretch}.plan-bottom .buy-plan{width:100%}}


/* Pingura account + download/guide update */
:root{scrollbar-color:#3b9f90 #061f28;scrollbar-width:thin}
html{overflow-y:scroll;direction:rtl}
body{direction:ltr;overflow-y:visible}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#061f28}
*::-webkit-scrollbar-thumb{background:linear-gradient(-180deg,#48b9a2,#267c72);border:2px solid #061f28;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#60c9b4}
.modal-backdrop{scrollbar-width:thin;scrollbar-color:#3b9f90 transparent}
.download-layout{max-width:1180px;margin:auto;display:grid;gap:16px}.download-card{border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 10% 50%,rgba(71,184,161,.16),transparent 30%),#092f34;padding:28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.download-icon{width:64px;height:64px;border-radius:17px;display:grid;place-items:center;background:#123f40;border:1px solid #397a72;color:#83e2cf;font-size:31px;font-weight:900}.download-kicker{font-size:9px;letter-spacing:1.5px;color:#64cdb8}.download-card h3{font-size:24px;margin:5px 0}.download-card p{color:var(--muted);font-size:11px;margin:0}.requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.requirements-grid article{border:1px solid var(--line);border-radius:15px;background:linear-gradient(-180deg,#0c383a,#082b31);padding:20px;min-width:0}.requirements-grid span,.requirements-grid strong,.requirements-grid small{display:block}.requirements-grid span{font-size:9px;color:#6fb8aa}.requirements-grid strong{font-size:14px;margin:7px 0}.requirements-grid small{font-size:9px;color:var(--muted);line-height:1.8}.guide-steps{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.guide-steps article{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:23px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(-180deg,rgba(12,57,60,.88),rgba(7,40,45,.75))}.guide-steps article>span{font-size:36px;font-weight:900;color:rgba(143,214,199,.3);line-height:1}.guide-steps h3{margin:0 0 8px;font-size:16px}.guide-steps p{margin:0;color:var(--muted);font-size:11px;line-height:1.9}
.payments-list{display:grid;gap:10px}.payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #215355;background:#092f34;border-radius:13px;padding:15px}.payment-main{min-width:0}.payment-main strong,.payment-main span{display:block}.payment-main strong{font-size:13px}.payment-main span{font-size:9px;color:var(--muted);margin-top:5px}.payment-details{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:center;text-align:right;direction:ltr}.payment-details>strong{font-size:13px}.payment-details small{font-size:8px;color:#779f9b}.payment-status{border:1px solid #42605d;border-radius:999px;padding:4px 8px;font-size:8px;color:#a6c4c0}.payment-status.success{border-color:#24745d;background:rgba(34,180,124,.09);color:#5de0a8}.payment-status.danger{border-color:rgba(255,81,100,.4);background:rgba(255,81,100,.08);color:#ff929c}.password-policy-note{display:block;color:#7fb2ac;font-size:9px;line-height:1.7;margin-top:-4px}
.plans-grid{max-width:1200px!important;margin:auto;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{display:flex;flex-direction:column;min-width:0;height:100%}.plan-features{grid-template-columns:1fr!important;flex:1}.plan-bottom{margin-top:auto}
@media(max-width:1050px){.requirements-grid{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.download-card{grid-template-columns:1fr;text-align:center}.download-icon{margin:auto}.requirements-grid,.guide-steps,.plans-grid{grid-template-columns:1fr!important}.payment-row{grid-template-columns:1fr}.payment-details{text-align:left}.account-sidebar{position:static!important}}

html.modal-open{overflow:hidden!important}.modal-backdrop{direction:rtl}.auth-modal,.checkout-modal{direction:ltr}

.simple-page-shell{min-height:calc(100vh - 84px)}.simple-page{padding:70px 0 90px}.simple-page-head{max-width:780px;margin:0 auto 45px;text-align:center}.simple-page-head h1{font-size:clamp(34px,5vw,58px);margin:10px 0}.simple-page-head p{color:var(--muted);line-height:1.9}.simple-page-cta{text-align:center;margin-top:28px}.guide-page-steps{margin-top:20px}.guide-help-card{max-width:1100px;margin:16px auto 0;border:1px solid var(--line);background:#092f34;border-radius:16px;padding:24px}.guide-help-card strong{font-size:18px}.guide-help-card p{color:var(--muted);font-size:11px;line-height:1.9}.guide-help-card .btn{margin-top:5px}

/* UX hotfix: single scrollbar + password policy */
html{direction:ltr;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}
body{direction:ltr;overflow:visible!important;min-height:100vh}
html::-webkit-scrollbar{width:10px}
html::-webkit-scrollbar-track{background:#061f28}
html::-webkit-scrollbar-thumb{background:linear-gradient(-180deg,#48b9a2,#267c72);border:2px solid #061f28;border-radius:999px}
body::-webkit-scrollbar{width:0;height:0}
.password-strength-card{border:1px solid rgba(119,160,156,.18);background:#111313;border-radius:14px;padding:13px 14px;direction:ltr;margin-top:-3px}
.password-strength-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;margin-bottom:9px}.password-strength-head strong{font-size:10px;color:#dfecea}.password-strength-count{direction:rtl;color:#9fb4b1;font-weight:700}.password-strength-bar{height:5px;background:#2d3030;border-radius:999px;overflow:hidden;margin-bottom:11px}.password-strength-fill{display:block;height:100%;width:0;background:#ff9a35;border-radius:999px;transition:.2s ease}.password-strength-card.complete .password-strength-fill{background:#49d9a5}.password-strength-rules{display:grid;gap:6px}.password-rule{display:flex;align-items:center;gap:7px;font-size:10px;color:#ff8c8f}.password-rule::before{content:'×';display:grid;place-items:center;width:16px;height:16px;border:1px solid #bd4e55;border-radius:50%;font-size:11px;line-height:1}.password-rule.ok{color:#50dcaa}.password-rule.ok::before{content:'✓';border-color:#2f9c79}.password-match-note{font-size:9px;min-height:15px;color:#ff8c8f}.password-match-note.ok{color:#50dcaa}

/* PHP SSR/BFF UI */
.themed-password-card{background:linear-gradient(-145deg,rgba(10,54,57,.96),rgba(7,39,47,.98));border:1px solid #245e5c;box-shadow:inset 0 1px 0 rgba(129,230,207,.04);padding:16px;border-radius:14px}.themed-password-card .password-strength-bar{background:#123b3d}.themed-password-card .password-strength-head strong{color:#d9f3ed}.space-allowed-note{display:block;margin-top:10px;color:#79aaa3;font-size:9px}.notice-overlay{position:fixed;inset:0;background:rgba(1,13,18,.78);backdrop-filter:blur(5px);z-index:10000;display:grid;place-items:center;padding:20px}.notice-modal{width:min(430px,calc(100vw - 32px));display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:12px;background:#082c32;border:1px solid #28615e;border-radius:18px;padding:18px;box-shadow:0 25px 90px rgba(0,0,0,.48)}.notice-modal strong{display:block;font-size:14px;margin-bottom:5px}.notice-modal p{margin:0;color:#a8c9c4;font-size:11px;line-height:1.9}.notice-modal>button{border:0;background:transparent;color:#8fb4b0;font-size:22px;cursor:pointer}.notice-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:900;background:#123e40;border:1px solid #2c6963}.notice-success{border-color:rgba(67,190,150,.55)}.notice-success .notice-icon{color:#53e3ae;background:rgba(35,122,93,.22)}.notice-error{border-color:rgba(255,86,103,.5)}.notice-error .notice-icon{color:#ff7d89;background:rgba(145,42,53,.2)}.account-page-php{width:min(1480px,calc(100% - 42px));margin:0 auto;padding:115px 0 70px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.account-page-php .account-sidebar{position:sticky;top:95px;height:max-content}.account-sidebar .account-nav a{display:flex;padding:12px 14px;border-radius:10px;color:#8fb3ae;text-decoration:none;margin:4px 0}.account-sidebar .account-nav a.active,.account-sidebar .account-nav a:hover{background:#123e40;color:#e9fffa}.account-content{min-width:0}.standalone-main{padding-top:78px;min-height:calc(100vh - 150px)}.php-auth-modal{max-height:calc(100vh - 32px);overflow:auto}.resend-form{margin-top:10px}.auth-link{display:block;text-align:center;color:#75bcae;font-size:10px;margin-top:12px}@media(max-width:900px){.account-page-php{grid-template-columns:1fr;padding-top:90px}.account-page-php .account-sidebar{position:static}.account-sidebar .account-nav{display:flex;overflow:auto}.account-sidebar .account-nav a{white-space:nowrap}}

/* Account UI stabilization 2026-08-17 */
.account-page-php{width:min(1320px,calc(100% - 32px));padding:42px 0 70px;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}
.account-page-php .account-sidebar{top:102px;overflow:hidden}
.account-sidebar-brand{display:flex;align-items:center;gap:12px;padding:2px 2px 16px;border-bottom:1px solid rgba(57,122,114,.35);margin-bottom:12px;min-width:0}
.account-sidebar-brand>div{min-width:0}.account-sidebar-brand strong,.account-sidebar-brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sidebar-brand strong{font-size:13px}.account-sidebar-brand small{font-size:9px;color:var(--muted);margin-top:4px;direction:rtl;text-align:left}
.account-avatar{display:grid!important;place-items:center!important;font-size:18px!important;font-weight:900!important;line-height:1!important}
.account-nav a{align-items:center;gap:10px}.account-nav-icon{width:21px;height:21px;display:grid;place-items:center;flex:0 0 21px;color:#79bdb0}.account-nav-icon svg,.account-list-icon svg{width:19px;height:19px;display:block}.account-nav a.active .account-nav-icon{color:#a9f1df}
.account-logout{width:100%;margin-top:14px}
.account-page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px;padding:4px 2px}.account-page-title h1{font-size:34px;line-height:1.3;margin:8px 0 6px}.account-page-title p{margin:0;color:var(--muted);font-size:11px}
.php-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.php-dashboard-grid .dash-card{min-height:150px;display:flex;flex-direction:column;justify-content:center}.php-dashboard-grid .subscription-overview{grid-column:1/-1}.php-dashboard-grid h2,.php-dashboard-grid h3{margin:8px 0 5px}.php-dashboard-grid p,.php-dashboard-grid small{color:var(--muted);font-size:10px}.status-text.success{color:#57dfa9!important}.status-text.danger{color:#ff8f9b!important}
.account-section-head{margin:2px 2px 16px}.account-section-head h2{font-size:22px;margin:0 0 5px}.account-section-head p{margin:0;color:var(--muted);font-size:10px}
.php-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:16px}.order-details{display:flex;align-items:center;gap:10px;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid #32665f;border-radius:999px;padding:5px 9px;font-size:9px;color:#b7d3cf;background:#0b3437}.status-paid{color:#59dda9;border-color:#2c7a61;background:rgba(39,154,112,.1)}.status-pending{color:#ffd27e;border-color:#8b6a2f;background:rgba(160,115,38,.1)}.status-failed,.status-cancelled{color:#ff8f9b;border-color:#8c3f49;background:rgba(160,55,68,.1)}
.php-payment-row{padding:16px}.payment-details{min-width:260px}.payment-details .status-badge{justify-self:start}
.account-list-row{grid-template-columns:44px minmax(0,1fr) minmax(180px,auto);padding:15px}.account-list-icon{font-size:0}.ua-short{max-width:360px;direction:rtl;text-align:right;overflow-wrap:anywhere;color:#668f8b!important}
.security-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.phone-readonly-card{align-self:start;min-height:220px;display:flex;flex-direction:column;justify-content:center}.phone-readonly-card h3{font-size:20px;margin:12px 0 6px}.phone-readonly-card p{color:#a9cbc6}.phone-readonly-card small{color:var(--muted)}
.dns-ip-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.dns-ip-status-card{align-self:start}.dns-ip-chip{margin:16px 0 14px;padding:16px 18px;border:1px solid #245b5b;background:#061f29;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:800;letter-spacing:.03em;color:#eafffb;direction:rtl;text-align:right;overflow-wrap:anywhere}.dns-ip-meta-row{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border:1px solid #204f51;border-radius:10px}.dns-ip-meta-row span{font-size:9px;color:#75a39f}.dns-ip-meta-row strong{font-size:11px}.dns-ip-form-card label{font-size:11px;color:#b4d0cc;display:grid;gap:7px}.dns-ip-form-card input{width:100%;height:47px;background:#061f28;border:1px solid #23575a;border-radius:10px;color:#fff;padding:0 13px;font:inherit;outline:0;direction:rtl;text-align:right}.dns-ip-form-card input:focus{border-color:#52baa6;box-shadow:0 0 0 3px rgba(82,186,166,.09)}.dns-ip-form-card input:disabled{opacity:.5;cursor:not-allowed}.dns-ip-form-card .btn{margin-top:6px}.dns-ip-form-card>small{display:block;margin-top:10px;color:var(--muted);font-size:9px;line-height:1.8}.dns-cooldown-note{margin:10px 0 0;padding:9px 12px;border-radius:9px;background:rgba(255,178,84,.09);border:1px solid rgba(255,178,84,.32);color:#ffcf8a;font-size:10px}
.dns-ip-locked-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:32px 22px;min-height:220px}.dns-ip-locked-card strong{font-size:14px;color:#eafffb}.dns-ip-locked-card p{margin:0;color:#a8c9c4;font-size:11px;line-height:1.8;max-width:280px}.dns-ip-locked-card .btn{margin-top:4px}
@media(max-width:980px){.dns-ip-grid{grid-template-columns:1fr}}
@media(max-width:900px){.account-page-php{grid-template-columns:1fr;padding-top:28px}.account-page-php .account-sidebar{position:static}.account-sidebar-brand{display:none}.account-sidebar .account-nav{display:flex;overflow-x:auto;padding-bottom:4px}.account-sidebar .account-nav a{flex:0 0 auto}.account-logout{width:auto}.account-page-title{flex-direction:column-reverse}.php-dashboard-grid{grid-template-columns:1fr}.php-dashboard-grid .subscription-overview{grid-column:auto}.security-grid{grid-template-columns:1fr}}
@media(max-width:650px){.account-page-php{width:min(100% - 20px,1320px)}.php-order-row,.payment-row,.account-list-row{grid-template-columns:1fr}.order-details{white-space:normal;flex-wrap:wrap}.payment-details{min-width:0;text-align:left}.account-list-meta{grid-column:auto;align-items:flex-start}.account-page-title h1{font-size:28px}}


/* Auth polish + durable inline icons */
.php-auth-modal{padding-top:30px}
.modal-close{
  right:auto!important;left:16px!important;top:14px!important;
  width:36px;height:36px;border-radius:10px!important;
  display:grid;place-items:center;text-decoration:none;
  background:rgba(71,184,161,.08)!important;
  border:1px solid rgba(71,184,161,.22)!important;
  color:#9fd9ce!important;font-size:24px!important;line-height:1!important;
  transition:.18s ease;z-index:3
}
.modal-close:hover{background:rgba(71,184,161,.16)!important;border-color:#3d8b80!important;color:#fff!important;transform:rotate(-2deg)}
.auth-brand{padding-left:46px}
.auth-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:2px}
.auth-links a,.auth-link{
  color:#83cfc1!important;text-decoration:none!important;font-size:11px!important;font-weight:700;
  padding:9px 12px;border-radius:9px;border:1px solid transparent;transition:.18s ease
}
.auth-links a:hover,.auth-link:hover{color:#effffc!important;background:rgba(71,184,161,.08);border-color:rgba(71,184,161,.2)}
.auth-links a:first-child{color:#9adfd1!important}
.auth-form input::placeholder{color:#6f9e99;opacity:.9}
.feature-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#123f40;border:1px solid #397a72;color:#7ce0cb}
.feature-icon svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.modal-close{left:12px!important;top:12px!important}.auth-brand{padding-left:42px}.auth-links{gap:4px}.auth-links a,.auth-link{font-size:10px!important;padding:8px 9px}}


/* Split tunneling icon + verified payment receipt */
.split-tunnel-icon svg{width:25px;height:25px;overflow:visible}.split-tunnel-icon svg circle{fill:#7ce0cb;stroke:none}.split-tunnel-icon svg path{stroke-width:1.9}
.payment-result-overlay{position:fixed;inset:0;z-index:12000;background:rgba(1,12,17,.82);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.payment-result-modal{position:relative;width:min(520px,calc(100vw - 28px));background:radial-gradient(circle at 50% 0,rgba(68,190,153,.14),transparent 38%),linear-gradient(-145deg,#0b3739,#072b32 72%);border:1px solid #34796d;border-radius:22px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.58);text-align:center;color:#edfffb}.payment-result-close{position:absolute;top:13px;right:13px;width:34px;height:34px;border-radius:10px;border:1px solid #2b625e;background:#0b3437;color:#9fc8c1;font-size:22px;line-height:1;cursor:pointer;transition:.18s ease}.payment-result-close:hover{background:#124747;color:#fff;border-color:#4b9c8e}.payment-result-check{width:64px;height:64px;margin:0 auto 14px;border-radius:19px;display:grid;place-items:center;color:#55e4af;background:rgba(38,142,105,.18);border:1px solid rgba(82,224,174,.45);box-shadow:0 0 35px rgba(58,196,151,.12)}.payment-result-check svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.payment-result-kicker{color:#62d5bb;font-size:9px;font-weight:800;letter-spacing:1.7px}.payment-result-modal h2{font-size:23px;margin:8px 0}.payment-result-modal>p{margin:0 auto 20px;color:#9fc6c0;font-size:11px;line-height:1.9;max-width:390px}.payment-receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left;margin:18px 0}.payment-receipt-grid>div{min-width:0;border:1px solid #245a57;border-radius:12px;background:rgba(5,38,44,.55);padding:12px 14px}.payment-receipt-grid span,.payment-receipt-grid strong{display:block}.payment-receipt-grid span{color:#79aaa3;font-size:9px;margin-bottom:5px}.payment-receipt-grid strong{font-size:12px;overflow-wrap:anywhere}.payment-receipt-grid strong[dir="ltr"]{text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2px}.payment-result-actions{display:flex;gap:9px;justify-content:center;margin-top:20px}.payment-result-actions .btn{min-width:135px}@media(max-width:560px){.payment-result-modal{padding:26px 18px 20px}.payment-receipt-grid{grid-template-columns:1fr}.payment-result-actions{flex-direction:column}.payment-result-actions .btn{width:100%}}

/* Visual refresh 2026-08-24 */
.hero{padding-top:86px}.hero-visual .window-card{border-color:rgba(84,190,171,.42);box-shadow:0 35px 100px rgba(0,0,0,.42),0 0 0 1px rgba(71,184,161,.05)}
.shot{padding:7px;background:linear-gradient(-145deg,rgba(65,160,145,.38),rgba(7,37,45,.78));border-color:rgba(74,154,143,.48);box-shadow:0 30px 80px rgba(0,0,0,.32);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;overflow:hidden}.shot:hover{transform:translateY(-4px);border-color:rgba(103,205,185,.72);box-shadow:0 38px 90px rgba(0,0,0,.38)}.shot img{border-radius:12px;aspect-ratio:auto;object-fit:contain;background:#051d27}
.showcase-row{padding:22px 0;margin:62px 0}.show-copy h3{line-height:1.55}.show-copy>span{background:linear-gradient(-180deg,rgba(143,214,199,.26),rgba(71,184,161,.07));-webkit-background-clip:text;background-clip:text;color:transparent}
.feature-grid article{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 45px rgba(0,0,0,.08)}
.metric-strip{box-shadow:0 22px 60px rgba(0,0,0,.12);overflow:hidden}
.site-footer{height:auto!important;margin-top:80px;border:1px solid rgba(47,112,107,.38);border-bottom:0;border-radius:24px 24px 0 0;background:radial-gradient(circle at 10% 10%,rgba(71,184,161,.10),transparent 27%),linear-gradient(-180deg,rgba(9,48,54,.92),rgba(4,25,34,.98));overflow:hidden;color:#86aaa6;font-size:11px}
.footer-main{display:grid;grid-template-columns:minmax(300px,1.5fr) .65fr .65fr minmax(210px,.8fr);gap:46px;padding:52px 50px 42px;align-items:start}.footer-brand-block{max-width:410px}.footer-brand{width:max-content}.footer-brand img{width:46px;height:46px}.footer-brand strong{font-size:16px}.footer-brand-block>p{color:#83aaa5;line-height:2;margin:20px 0 17px;font-size:11px}.footer-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(71,184,161,.22);background:rgba(71,184,161,.06);border-radius:999px;color:#9bc9c2}.footer-status i{width:7px;height:7px;border-radius:50%;background:#42e5ae;box-shadow:0 0 13px rgba(66,229,174,.65)}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-links strong,.footer-trust>strong{color:#e8fbf7;font-size:12px;margin-bottom:4px}.footer-links a{color:#82aaa5;text-decoration:none;transition:.18s ease}.footer-links a:hover{color:#dffbf5;transform:translateX(2px)}.footer-trust p{line-height:1.8;margin:8px 0 13px;color:#7ea39f}.enamad-card{display:inline-grid;place-items:center;width:115px;height:115px;padding:7px;border:1px solid rgba(71,184,161,.24);background:rgba(255,255,255,.035);border-radius:14px;transition:.2s}.enamad-card:hover{border-color:rgba(93,207,185,.62);background:rgba(71,184,161,.07);transform:translateY(-2px)}.enamad-card img{max-width:65px;max-height:65px;object-fit:contain}
.footer-bottom{min-height:58px;border-top:1px solid rgba(47,112,107,.27);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 50px;color:#628b87;background:rgba(2,20,27,.32)}
@media(max-width:1000px){.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer-trust{grid-column:1/-1}.footer-trust p{max-width:500px}}
@media(max-width:700px){.footer-main{grid-template-columns:1fr 1fr;padding:36px 22px 28px}.footer-brand-block,.footer-trust{grid-column:1/-1}.footer-bottom{padding:16px 22px;flex-direction:column;align-items:flex-start}.showcase-row{padding:5px 0}}

/* Conversational + SEO polish */
.seo-game-section{padding-top:45px}.seo-game-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;padding:42px;border:1px solid rgba(61,137,128,.5);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(71,184,161,.12),transparent 34%),linear-gradient(-145deg,rgba(11,55,59,.94),rgba(6,34,42,.92));box-shadow:0 30px 80px rgba(0,0,0,.17)}.seo-game-copy h2{font-size:clamp(27px,3.1vw,43px);line-height:1.45;margin:12px 0 18px}.seo-game-copy p{margin:0 0 14px;color:#9fc3bf;line-height:2.05;font-size:13px}.seo-game-copy strong{color:#dcfaf4}.seo-keyword-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.seo-keyword-cards article{min-height:116px;padding:18px;border:1px solid rgba(67,139,132,.45);border-radius:15px;background:rgba(5,34,41,.62);display:flex;flex-direction:column;justify-content:center;transition:.2s}.seo-keyword-cards article:hover{transform:translateY(-2px);border-color:rgba(93,207,185,.62)}.seo-keyword-cards strong{color:#eafffb;font-size:14px}.seo-keyword-cards span{color:#7fa8a4;font-size:10px;line-height:1.8;margin-top:6px}.site-footer{box-shadow:0 -25px 70px rgba(0,0,0,.10)}@media(max-width:900px){.seo-game-panel{grid-template-columns:1fr;padding:30px}}@media(max-width:560px){.seo-game-panel{padding:23px}.seo-keyword-cards{grid-template-columns:1fr}}

/* Hero typography refinement */
.hero-copy h1{
  font-size:clamp(38px,5.1vw,68px);
  line-height:1.28;
  letter-spacing:-1.8px;
  max-width:760px;
  margin-top:16px;
  margin-bottom:20px;
}
.hero-copy h1 span{
  font-size:.82em;
  line-height:1.35;
}
.hero-copy>p{
  font-size:14px;
  line-height:2;
  max-width:680px;
}
.hero .eyebrow{
  font-size:11px;
  letter-spacing:0;
}
@media(max-width:760px){
  .hero-copy h1{
    font-size:clamp(34px,10vw,50px);
    line-height:1.35;
    letter-spacing:-1px;
  }
  .hero-copy h1 span{font-size:.88em}
}

img{height:auto}
.enamad-text-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#dffbf5;line-height:1.5}
.enamad-text-card strong{font-size:15px}.enamad-text-card span{font-size:9px;color:#7fa8a4}

/* Discount code purchase field */
.plan-buy-form{display:flex;flex-direction:column;gap:10px;margin-top:auto}.discount-code-field{display:flex;flex-direction:column;gap:6px;text-align:left}.discount-code-field span{font-size:10px;color:#83aaa6;font-weight:700}.discount-code-field input{width:100%;border:1px solid rgba(66,133,128,.5);background:rgba(4,29,37,.75);color:#eafffb;border-radius:10px;padding:10px 12px;font-family:inherit;outline:none}.discount-code-field input:focus{border-color:#58c9b3;box-shadow:0 0 0 3px rgba(73,189,165,.09)}.discount-code-field input::placeholder{color:#547d79}

/* Purchase / discount checkout modal */
.purchase-modal-backdrop[hidden]{display:none!important}
.purchase-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:22px;background:rgba(1,12,17,.76);backdrop-filter:blur(9px)}
.purchase-modal{position:relative;width:min(500px,100%);padding:28px;border:1px solid rgba(82,160,151,.5);border-radius:22px;background:linear-gradient(-155deg,#0b333b,#061f29 72%);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.purchase-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid rgba(91,151,146,.4);border-radius:10px;background:rgba(6,30,37,.76);color:#a9ccc7;font-size:22px;cursor:pointer}
.purchase-modal h3{margin:8px 0 8px;font-size:24px;color:#f1fffc}
.purchase-modal-subtitle{margin:0 0 20px;color:#8eb6b1;font-size:12px;line-height:1.9}
.purchase-plan-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.purchase-plan-summary>div{padding:13px 14px;border:1px solid rgba(63,130,126,.42);border-radius:12px;background:rgba(5,29,36,.68)}
.purchase-plan-summary span{display:block;color:#729b97;font-size:9px;margin-bottom:5px}
.purchase-plan-summary strong{display:block;color:#eafffb;font-size:13px}
.purchase-discount-field{display:block;margin-bottom:15px}
.purchase-discount-field>span{display:block;margin-bottom:7px;color:#b9d7d3;font-size:11px;font-weight:700}
.purchase-discount-field input{width:100%;padding:12px 13px;border:1px solid rgba(70,145,139,.52);border-radius:11px;background:#05242d;color:#effffc;font:700 13px Vazirmatn,Tahoma,sans-serif;outline:none;text-transform:uppercase}
.purchase-discount-field input:focus{border-color:#5bc8b4;box-shadow:0 0 0 3px rgba(76,190,169,.11)}
.purchase-discount-field small{display:block;margin-top:7px;color:#658e8a;font-size:9px}
.purchase-submit{width:100%;margin-top:2px}
.purchase-modal-open{overflow:hidden}
@media(max-width:560px){.purchase-modal{padding:23px 18px}.purchase-plan-summary{grid-template-columns:1fr}.purchase-modal h3{font-size:21px}}

/* Referral program */
.referral-register-note{padding:12px 14px;border:1px solid rgba(71,184,161,.35);background:rgba(71,184,161,.08);border-radius:10px;color:#a9d8cf;font-size:12px;line-height:1.9}.referral-register-note strong{color:#dffff8}
.referral-layout{display:grid;gap:18px}.referral-main-card{padding:24px}.referral-link-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0 12px;direction:rtl}.referral-link-row input{min-width:0;border:1px solid #245b5b;background:#061f29;color:#dffbf6;border-radius:10px;padding:13px 14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.referral-code-line{color:#92bbb6;margin-bottom:8px}.referral-code-line strong{color:#f3fffd;letter-spacing:.08em}.referral-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.referral-stat-grid .dash-card{min-height:125px}.referral-stat-grid h2{margin:12px 0 0;color:#8fd6c7}.copy-success{box-shadow:0 0 0 2px rgba(71,184,161,.28) inset}
@media(max-width:900px){.referral-stat-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.referral-link-row{grid-template-columns:1fr}.referral-stat-grid{grid-template-columns:1fr}}

.referral-promo{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;border:1px solid rgba(71,184,161,.32);border-radius:18px;background:linear-gradient(-135deg,rgba(11,52,55,.92),rgba(5,29,39,.82));box-shadow:0 22px 60px rgba(0,0,0,.18)}.referral-promo h2{margin:8px 0 10px}.referral-promo p{margin:0;color:#9fc8c3;line-height:2;max-width:760px}.referral-promo strong{color:#8fd6c7}@media(max-width:760px){.referral-promo{align-items:stretch;flex-direction:column;padding:25px 22px}.referral-promo .btn{width:100%}}
.dns-home-section{text-align:center}.dns-home-grid{display:grid;gap:14px;max-width:900px;margin:0 auto 24px}.dns-home-row{border:1px solid var(--line);background:linear-gradient(-180deg,rgba(12,57,60,.62),rgba(7,40,45,.5));border-radius:16px;padding:20px}.dns-home-title{display:block;font-size:11px;letter-spacing:.4px;color:#8fd6c7;font-weight:800;margin-bottom:14px}.dns-home-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dns-home-item{background:#061f29;border:1px solid #23575a;border-radius:12px;padding:12px 14px;text-align:left}.dns-home-item small{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.dns-home-item code{display:block;direction:rtl;text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:#eafffb;overflow-wrap:anywhere;cursor:pointer;border-radius:8px;padding:2px 4px;margin:-2px -4px;transition:.2s}.dns-home-item code:hover{background:rgba(71,184,161,.14)}.dns-home-guide{display:flex;gap:12px;align-items:flex-start;max-width:900px;margin:0 auto 22px;padding:14px 16px;border-radius:12px;background:rgba(255,178,84,.08);border:1px solid rgba(255,178,84,.3);text-align:left}.dns-home-guide-icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#ffb254;color:#251400;font-weight:900;display:grid;place-items:center;font-size:13px}.dns-home-guide p{margin:0;color:#ffdca8;font-size:12px;line-height:1.8}@media(max-width:700px){.dns-home-items{grid-template-columns:1fr}}

/* Subscription gift purchase */
.plan-action-stack{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.plan-action-stack .btn{width:100%}.plan-gift-open{border-color:rgba(92,202,180,.42);color:#b8eee3;background:rgba(36,112,103,.14)}.purchase-gift-field,.purchase-discount-field{display:grid;gap:7px;margin:14px 0;color:#bad7d3;font-size:11px}.purchase-gift-field[hidden]{display:none!important}.purchase-gift-field input,.purchase-discount-field input{width:100%;height:47px;border:1px solid #285d60;border-radius:11px;background:#061f28;color:#fff;padding:0 13px;font:inherit;outline:none}.purchase-gift-field input:focus,.purchase-discount-field input:focus{border-color:#52baa6;box-shadow:0 0 0 3px rgba(82,186,166,.09)}.purchase-gift-field small,.purchase-discount-field small{color:#789f9b;font-size:9px;line-height:1.7}@media(max-width:560px){.plan-action-stack{grid-template-columns:1fr}}

/* Gift subscription attribution */
.subscription-gift-note{margin-top:14px;padding:11px 12px;border:1px solid rgba(82,186,166,.28);border-radius:12px;background:rgba(30,105,96,.12);display:flex;align-items:center;gap:10px}.subscription-gift-icon{font-size:20px;line-height:1}.subscription-gift-note>div{display:grid;gap:3px}.subscription-gift-note strong{font-size:12px;color:#d9fff8;font-weight:700}.subscription-gift-note small{font-size:10px;color:#84aaa6}.subscription-gift-note bdi{color:#70d8c4}

/* Footer social links / layout polish */
.footer-socials{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.footer-socials a{min-width:145px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(71,184,161,.18);border-radius:11px;background:rgba(5,34,41,.38);color:#d9f4ef;text-decoration:none;transition:.18s}.footer-socials a:hover{border-color:rgba(93,207,185,.55);background:rgba(71,184,161,.07);transform:translateY(-1px)}.footer-socials .social-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:8px;background:rgba(71,184,161,.10);border:1px solid rgba(71,184,161,.20);color:#8fd6c7;font-weight:900;font-family:"Segoe UI",Arial,sans-serif;direction:rtl}.footer-socials strong,.footer-socials small{display:block}.footer-socials strong{font-size:10px;color:#e8fbf7}.footer-socials small{margin-top:2px;font-size:8px;color:#6f9d98;direction:rtl}.footer-trust{padding:17px;border:1px solid rgba(47,112,107,.20);border-radius:15px;background:rgba(5,34,41,.28)}@media(max-width:700px){.footer-socials a{flex:1 1 140px}.footer-main{gap:26px}}

/* Footer v2: aligned columns, real social icons, full-width copyright row */
.site-footer{width:100%;box-sizing:border-box}
.footer-main{
  grid-template-columns:minmax(290px,1.45fr) repeat(3,minmax(135px,.72fr)) minmax(180px,.8fr);
  gap:34px;
  padding:44px 46px 36px;
}
.footer-brand-block{max-width:none;min-width:0}
.footer-links,.footer-trust{min-width:0}
.footer-trust{padding:0;border:0;border-radius:0;background:transparent}
.footer-trust p{max-width:220px;margin:8px 0 13px}
.footer-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px}
.footer-socials a{min-width:0}
.footer-socials .social-icon{width:34px;height:34px;flex-basis:34px;padding:7px;border-radius:10px}
.footer-socials .social-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.footer-socials .social-icon-telegram{color:#62d8ff;background:rgba(44,165,218,.12);border-color:rgba(44,165,218,.28)}
.footer-socials .social-icon-discord{color:#9caeff;background:rgba(88,101,242,.12);border-color:rgba(88,101,242,.28)}
.footer-bottom{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box;
  clear:both;
  min-height:62px;
  padding:15px 46px;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid rgba(47,112,107,.27);
  background:rgba(2,20,27,.48);
  direction:ltr;
}
@media(max-width:1150px){
  .footer-main{grid-template-columns:minmax(270px,1.3fr) repeat(3,minmax(130px,.7fr));}
  .footer-trust{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding-top:20px;border-top:1px solid rgba(47,112,107,.2)}
  .footer-trust p{max-width:420px;margin:0}
}
@media(max-width:760px){
  .footer-main{grid-template-columns:1fr 1fr;padding:34px 22px 26px;gap:28px 22px}
  .footer-brand-block,.footer-trust{grid-column:1/-1}
  .footer-socials{max-width:none}
  .footer-trust{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 16px}
  .footer-trust>strong,.footer-trust>p{grid-column:1}
  .footer-trust .enamad-card{grid-column:2;grid-row:1/3}
  .footer-bottom{padding:16px 22px;flex-direction:column!important;align-items:center!important;text-align:center;gap:6px}
}
@media(max-width:480px){
  .footer-main{grid-template-columns:1fr}
  .footer-brand-block,.footer-links,.footer-trust{grid-column:1}
  .footer-socials{grid-template-columns:1fr}
  .footer-trust{grid-template-columns:1fr auto}
}

/* Footer v3: hard full-width bottom row + cache-bust release */
.site-footer{
  display:block!important;
  width:100%!important;
}
.site-footer>.footer-main{
  width:100%!important;
  box-sizing:border-box!important;
}
.site-footer>.footer-bottom{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  grid-column:1 / -1!important;
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  min-height:62px!important;
  padding:15px 46px!important;
  text-align:center!important;
  border-top:1px solid rgba(47,112,107,.27)!important;
  background:rgba(2,20,27,.48)!important;
}
@media(max-width:760px){
  .site-footer>.footer-bottom{
    flex-direction:column!important;
    gap:5px!important;
    padding:15px 22px!important;
  }
}

/* === Pingura Pro Product Tabs v1 === */
.showcase-pro{position:relative}
.showcase-pro:before{content:"";position:absolute;inset:90px -12% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(71,184,161,.08),transparent 68%);pointer-events:none}
.product-tabs{position:relative;margin-top:34px;border:1px solid rgba(70,139,132,.38);border-radius:24px;background:linear-gradient(-145deg,rgba(9,44,52,.84),rgba(5,29,39,.68));box-shadow:0 30px 90px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}
.product-tab-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;border-bottom:1px solid rgba(54,112,107,.34);background:rgba(2,23,31,.42);direction:ltr}
.product-tab{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;border:1px solid transparent;border-radius:14px;background:transparent;color:#95b9b5;padding:13px 14px;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.product-tab:hover{background:rgba(71,184,161,.06);color:#eafffb}
.product-tab.active{background:linear-gradient(-180deg,rgba(38,101,95,.34),rgba(19,65,66,.24));border-color:rgba(87,178,163,.35);color:#f4fffd;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.product-tab .tab-dot{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#315e5c;box-shadow:0 0 0 4px rgba(49,94,92,.12);transition:.2s}
.product-tab.active .tab-dot{background:#4ce3ba;box-shadow:0 0 15px rgba(76,227,186,.5),0 0 0 4px rgba(76,227,186,.08)}
.product-tab strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-tab small{font-size:8px;letter-spacing:.7px;color:#678f8b;direction:rtl;text-align:left}
.product-tab-stage{padding:24px}
.product-tab-panel{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:38px;align-items:center;animation:pinguraTabIn .28s ease both}
.product-tab-panel[hidden]{display:none!important}
@keyframes pinguraTabIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tab-copy{padding:14px 16px 14px 8px}
.tab-kicker{font-size:9px;letter-spacing:1.6px;color:#65beaD;direction:rtl;text-align:left;font-weight:800;margin-bottom:12px}
.tab-copy h3{font-size:clamp(24px,2.4vw,36px);line-height:1.5;margin:0 0 14px;letter-spacing:-.6px}
.tab-copy>p{font-size:13px;line-height:2;color:#8fb5b0;margin:0 0 18px}
.tab-copy ul{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none}
.tab-copy li{position:relative;padding-left:19px;color:#b6d0cd;font-size:11px;line-height:1.8}
.tab-copy li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:#4bc8aa;box-shadow:0 0 12px rgba(75,200,170,.35)}
.tab-pills{display:flex;flex-wrap:wrap;gap:7px;direction:ltr}
.tab-pills span{padding:6px 9px;border:1px solid rgba(69,133,129,.34);border-radius:999px;background:rgba(6,31,40,.6);color:#86b8b2;font-size:8px;direction:rtl}
.tab-media{direction:rtl;position:relative;border:1px solid rgba(64,128,124,.5);border-radius:18px;overflow:hidden;background:#041a22;box-shadow:0 24px 70px rgba(0,0,0,.27)}
.tab-media:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.tab-media-top{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(49,103,101,.35);background:#08252e;color:#729c98;font-size:8px;letter-spacing:.4px}
.tab-media-top i{font-style:normal;color:#55c8af;background:rgba(73,189,165,.08);border:1px solid rgba(73,189,165,.18);border-radius:999px;padding:4px 7px}
.tab-media img{display:block;width:100%;aspect-ratio:1.66/1;object-fit:cover}
.showcase-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.showcase-mini-grid article{position:relative;padding:18px 20px;border:1px solid rgba(54,111,107,.3);border-radius:16px;background:rgba(7,38,46,.54);overflow:hidden;transition:.2s}
.showcase-mini-grid article:hover{transform:translateY(-2px);border-color:rgba(87,178,163,.42);background:rgba(9,47,53,.68)}
.showcase-mini-grid article:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(-180deg,#53c7ad,transparent)}
.showcase-mini-grid span{display:block;font-size:8px;letter-spacing:1px;color:#5ea99d;direction:rtl;text-align:left;margin-bottom:7px}
.showcase-mini-grid strong{display:block;font-size:13px;margin-bottom:5px}
.showcase-mini-grid p{margin:0;color:#729d99;font-size:10px;line-height:1.8}
@media(max-width:1050px){.product-tab-list{grid-template-columns:repeat(5,180px);overflow-x:auto;scrollbar-width:thin}.product-tab-panel{grid-template-columns:1fr}.tab-copy{padding:8px}.tab-media{max-width:900px;width:100%;margin:auto}.showcase-mini-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.product-tabs{border-radius:18px;margin-top:22px}.product-tab-list{grid-template-columns:repeat(5,160px);padding:6px;scroll-snap-type:x proximity}.product-tab{scroll-snap-align:start;padding:11px}.product-tab-stage{padding:14px}.tab-copy h3{font-size:24px}.tab-copy>p{font-size:12px}.tab-media-top{height:32px}.showcase-mini-grid{grid-template-columns:1fr}.showcase-mini-grid article{padding:15px 17px}}

/* ===== PINGURA WOW UI / 2026-08-31 ===== */
:root{--wow-cyan:#65e8cf;--wow-mint:#9af7e1;--wow-deep:#03161e;--wow-glass:rgba(9,45,51,.58)}
body{background:radial-gradient(circle at 78% -4%,rgba(58,199,170,.18),transparent 24%),radial-gradient(circle at 5% 34%,rgba(34,124,139,.11),transparent 22%),linear-gradient(-180deg,#031820 0%,#06262f 48%,#031920 100%)}
.page-progress{position:fixed;inset:0 0 auto;z-index:999;height:2px;pointer-events:none;background:rgba(255,255,255,.02)}.page-progress span{display:block;width:0;height:100%;background:linear-gradient(-90deg,#42bca5,#85f2d8);box-shadow:0 0 15px rgba(92,236,204,.72)}
.ambient-orb{position:fixed;border-radius:999px;pointer-events:none;filter:blur(100px);opacity:.1;z-index:-1}.ambient-orb-a{width:420px;height:420px;left:-120px;top:170px;background:#36d6b5}.ambient-orb-b{width:360px;height:360px;right:-150px;top:680px;background:#287ca0}
.topbar{height:78px;background:linear-gradient(-180deg,rgba(3,24,32,.92),rgba(3,24,32,.76));border-bottom-color:rgba(104,231,207,.12);box-shadow:0 16px 55px rgba(0,0,0,.18)}.topbar-inner{position:relative}.brand img{box-shadow:0 0 0 1px rgba(124,238,215,.18),0 10px 30px rgba(0,0,0,.22)}.nav{background:rgba(8,44,50,.34);border:1px solid rgba(100,208,188,.1);border-radius:14px;padding:4px}.nav a{position:relative;padding:9px 12px}.nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:1px;transform:scaleX(0);background:var(--wow-cyan);transition:.25s}.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1)}
.hero{min-height:760px;padding:78px 0 80px}.hero-copy::before{content:"";position:absolute;width:220px;height:220px;left:-90px;top:4px;background:radial-gradient(circle,rgba(101,232,207,.12),transparent 67%);pointer-events:none}.hero .eyebrow{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(100,225,201,.2);border-radius:999px;background:rgba(11,62,64,.34);backdrop-filter:blur(12px)}.hero h1{max-width:760px;background:linear-gradient(-180deg,#fff 0%,#d9f2ed 72%,#9ed0c7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 span{background:linear-gradient(-90deg,#a4f8e6,#65d9c4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:735px;color:#a9cfca}.hero-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:720px;margin-top:22px}.hero-signal-grid>div{position:relative;overflow:hidden;padding:11px 13px;border:1px solid rgba(88,189,174,.16);border-radius:12px;background:linear-gradient(-135deg,rgba(13,57,62,.54),rgba(5,31,40,.38));backdrop-filter:blur(10px)}.hero-signal-grid>div::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,#68dfca,transparent);opacity:.55}.hero-signal-grid span,.hero-signal-grid strong{display:block}.hero-signal-grid span{font-size:9px;color:#67b9ae;margin-bottom:5px}.hero-signal-grid strong{font-size:11px;font-weight:700;color:#d9efeb}.hero-primary{gap:16px;min-width:220px;box-shadow:0 12px 38px rgba(63,193,166,.2),inset 0 1px rgba(255,255,255,.35)}.hero-primary b{font-size:18px;transition:.2s}.hero-primary:hover b{transform:translateX(4px)}.hero-secondary{gap:9px}.play-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:8px;color:#9af7e1;background:rgba(96,229,202,.1);border:1px solid rgba(96,229,202,.24)}
.hero-visual{isolation:isolate}.hero-visual::before,.hero-visual::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(105,231,207,.1);border-radius:38px;z-index:-1}.hero-visual::before{inset:-24px 42px 26px -20px;transform:rotate(3deg)}.hero-visual::after{inset:20px -18px -22px 45px;transform:rotate(-2deg)}.window-card{border-color:rgba(94,216,195,.28);border-radius:20px;background:#051d26;box-shadow:0 50px 120px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.025),0 0 80px rgba(59,204,173,.07);transition:transform .2s ease}.window-head{background:linear-gradient(-180deg,#092832,#071f29);height:43px}.floating-stat{border-color:rgba(99,220,198,.29);background:rgba(5,31,37,.82);box-shadow:0 25px 60px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04)}.floating-stat strong{background:linear-gradient(-180deg,#fff,#8fe5d3);-webkit-background-clip:text;background-clip:text;color:transparent}
.metric-strip{position:relative;overflow:hidden;margin-bottom:18px;border-color:rgba(99,207,189,.18);background:linear-gradient(-90deg,rgba(8,45,50,.7),rgba(10,57,60,.52),rgba(8,45,50,.7));box-shadow:inset 0 1px rgba(255,255,255,.025)}.metric-strip::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(-105deg,transparent 34%,rgba(132,244,222,.04) 50%,transparent 66%)}.metric-strip div{transition:.25s}.metric-strip div:hover{background:rgba(77,184,163,.06)}
.game-rail{display:flex;align-items:center;gap:22px;overflow:hidden;margin-bottom:70px;padding:12px 16px;border:1px solid rgba(80,175,161,.14);border-radius:14px;background:rgba(6,35,42,.46);color:#8eb8b2}.game-rail-label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;font-weight:800;color:#b9dbd6}.live-pulse{width:7px;height:7px;border-radius:50%;background:#4df0b7;box-shadow:0 0 0 5px rgba(77,240,183,.08),0 0 18px rgba(77,240,183,.5)}.game-rail-track{display:flex;align-items:center;gap:17px;min-width:max-content;direction:rtl;font-size:10px}.game-rail-track span{color:#79aaa5}.game-rail-track i{width:3px;height:3px;border-radius:50%;background:#39766f}
.section-head .eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(79,194,173,.07);border:1px solid rgba(91,207,186,.12)}.section-head h2{letter-spacing:-1px}.feature-grid{grid-template-columns:repeat(12,1fr);gap:12px}.feature-grid article{grid-column:span 3;position:relative;overflow:hidden;min-height:225px;padding:26px;background:linear-gradient(-145deg,rgba(11,55,59,.88),rgba(5,33,41,.72));border-color:rgba(72,158,150,.2);box-shadow:inset 0 1px rgba(255,255,255,.025)}.feature-grid article:nth-child(1),.feature-grid article:nth-child(3){grid-column:span 6}.feature-grid article:nth-child(1),.feature-grid article:nth-child(3){min-height:250px}.feature-grid article::after{content:"";position:absolute;right:var(--shine-x,50%);top:var(--shine-y,50%);width:180px;height:180px;transform:translate(50%,-50%);background:radial-gradient(circle,rgba(105,231,207,.10),transparent 68%);opacity:0;transition:opacity .2s;pointer-events:none}.feature-grid article:hover::after{opacity:1}.feature-grid article:hover{transform:translateY(-4px);border-color:rgba(111,232,209,.36);box-shadow:0 24px 60px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)}.feature-grid article:nth-child(1) h3,.feature-grid article:nth-child(3) h3{font-size:20px}.feature-icon{box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 35px rgba(0,0,0,.15)}
.section-soft{margin:24px 0 34px;padding:36px;border:1px solid rgba(85,185,169,.18);border-radius:24px;background:radial-gradient(circle at 10% 20%,rgba(75,193,170,.09),transparent 28%),linear-gradient(-145deg,rgba(8,43,50,.75),rgba(4,27,35,.72));box-shadow:0 34px 100px rgba(0,0,0,.16)}.experience-flow{display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;align-items:center}.experience-intro h2{font-size:clamp(27px,3.2vw,43px);line-height:1.35;margin:10px 0}.experience-intro p{color:#8eb7b1;line-height:1.9;font-size:12px}.experience-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:rtl}.experience-steps article{direction:ltr;position:relative;padding:18px 16px 16px;border:1px solid rgba(73,164,155,.17);border-radius:16px;background:rgba(7,38,45,.56);min-height:170px}.experience-steps article:not(:last-child)::after{content:"←";position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:2;color:#4c8e85;background:#06262e;border:1px solid #245b57;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:10px}.step-no{position:absolute;right:12px;top:12px;font:700 9px/1 "Segoe UI";color:#4d8c83}.step-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(82,197,175,.09);border:1px solid rgba(82,197,175,.2);color:#72e1cc;font-size:20px}.experience-steps h3{margin:22px 0 7px;font-size:15px}.experience-steps p{margin:0;color:#83aaa5;font-size:10px;line-height:1.8}
.product-tabs{border-color:rgba(89,190,174,.22);background:linear-gradient(-145deg,rgba(7,38,46,.9),rgba(4,27,35,.78));box-shadow:0 40px 110px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)}.product-tab-list{background:rgba(2,21,29,.34)}.product-tab{position:relative}.product-tab.active{box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)}.product-tab.active::after{content:"";position:absolute;left:20%;right:20%;bottom:-7px;height:2px;background:#65e4cc;box-shadow:0 0 14px rgba(101,228,204,.7)}.tab-media{box-shadow:0 32px 80px rgba(0,0,0,.28);border-color:rgba(94,195,179,.2)}.tab-media img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.product-tab-panel.active .tab-media:hover img{transform:scale(1.012)}
.plan-card,.download-card,.requirements-grid article,.faq-list details,.seo-keyword-cards article{transition:transform .22s ease,border-color .22s ease,background .22s ease}.plan-card:hover,.requirements-grid article:hover,.seo-keyword-cards article:hover{transform:translateY(-3px);border-color:rgba(103,220,199,.32)}.faq-list details[open]{border-color:rgba(101,219,198,.28);background:linear-gradient(-145deg,#0a3538,#072a31)}.faq-list summary{font-size:13px}.faq-list details[open] summary{color:#cffff5}
.reveal-up{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal-up.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.feature-grid article,.feature-grid article:nth-child(1),.feature-grid article:nth-child(3){grid-column:span 6}.experience-flow{grid-template-columns:1fr}.experience-steps{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.ambient-orb{display:none}.hero{padding-top:46px}.hero-signal-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-visual::before,.hero-visual::after{display:none}.game-rail{margin-bottom:42px;align-items:flex-start;flex-direction:column;gap:10px}.game-rail-track{gap:12px}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:nth-child(1),.feature-grid article:nth-child(3){grid-column:auto;min-height:0}.section-soft{padding:22px 16px;border-radius:18px}.experience-steps{grid-template-columns:1fr 1fr;direction:ltr}.experience-steps article:not(:last-child)::after{display:none}.product-tab.active::after{display:none}}
@media(prefers-reduced-motion:reduce){.reveal-up{opacity:1;transform:none;transition:none}.window-card,.tab-media img{transition:none}}

/* === Pingura Elite Polish v2 ============================================ */
:root{
  --elite-panel:rgba(7,38,45,.72);
  --elite-panel-2:rgba(9,49,54,.88);
  --elite-border:rgba(106,220,199,.18);
  --elite-border-strong:rgba(111,234,211,.34);
  --elite-glow:rgba(79,219,191,.14);
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
  radial-gradient(circle at 16% 20%,rgba(45,170,154,.08),transparent 25%),
  radial-gradient(circle at 82% 43%,rgba(54,131,168,.06),transparent 28%),
  radial-gradient(circle at 58% 82%,rgba(53,187,156,.055),transparent 25%)}
main{position:relative}.section{position:relative;padding-block:84px}.section:not(.section-soft)::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(-90deg,transparent,rgba(105,216,197,.13),transparent)}
.section-head{margin-bottom:36px}.section-head h2{line-height:1.32}.section-head p{max-width:620px;margin-inline:auto;font-size:13px}

/* richer surfaces without turning everything into a card */
.feature-grid article,.showcase-mini-grid article,.requirements-grid article,.guide-steps article,.seo-keyword-cards article{backdrop-filter:blur(10px)}
.feature-grid article::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(-135deg,rgba(255,255,255,.035),transparent 34%,transparent 70%,rgba(99,229,205,.025))}
.feature-grid article:nth-child(1),.feature-grid article:nth-child(3){background:radial-gradient(circle at 88% 18%,rgba(78,209,184,.105),transparent 30%),linear-gradient(-145deg,rgba(11,58,61,.92),rgba(5,32,40,.8))}
.feature-grid h3{letter-spacing:-.25px}.feature-grid p{font-size:11.5px}

/* editorial rhythm */
.section-soft{position:relative;overflow:hidden}.section-soft::after{content:"";position:absolute;width:480px;height:480px;right:-240px;bottom:-330px;border-radius:50%;border:1px solid rgba(109,230,207,.07);box-shadow:0 0 0 70px rgba(109,230,207,.018),0 0 0 140px rgba(109,230,207,.012);pointer-events:none}
.experience-steps article{transition:.25s ease}.experience-steps article:hover{transform:translateY(-3px);border-color:var(--elite-border-strong);background:rgba(8,47,53,.75)}

/* product showcase becomes a proper product stage */
.product-tabs{position:relative;overflow:hidden;border-radius:26px}.product-tabs::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 5%,rgba(85,223,197,.09),transparent 28%)}
.product-tab-list{position:relative;z-index:2;padding:7px;border-radius:15px;margin:8px}.product-tab{min-height:48px;border-radius:11px}.product-tab span{opacity:.72}.product-tab.active span{opacity:1}.product-tab-panel{padding-top:4px}.tab-copy h3{font-size:clamp(24px,2.7vw,38px);line-height:1.35}.tab-copy p{font-size:12px;line-height:2}

/* pricing: side narrative + premium purchase cards */
.plans-section{padding-top:96px}.pricing-stage{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:18px;max-width:1120px;margin:auto;align-items:stretch}.pricing-aside{position:relative;overflow:hidden;min-height:100%;padding:32px;border:1px solid var(--elite-border);border-radius:24px;background:radial-gradient(circle at 18% 10%,rgba(79,215,190,.13),transparent 29%),linear-gradient(-155deg,rgba(9,49,54,.94),rgba(4,28,36,.9));box-shadow:0 35px 90px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);display:flex;flex-direction:column}.pricing-aside::after{content:"";position:absolute;right:-110px;bottom:-150px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(111,237,211,.08);box-shadow:0 0 0 45px rgba(111,237,211,.018),0 0 0 90px rgba(111,237,211,.01);pointer-events:none}.pricing-mini{display:inline-flex;width:max-content;padding:6px 9px;border:1px solid rgba(100,224,202,.2);border-radius:999px;color:#7be2cf;font:800 9px/1 "Segoe UI",sans-serif;letter-spacing:1.2px;background:rgba(69,189,168,.06)}.pricing-aside h3{max-width:420px;margin:18px 0 10px;font-size:clamp(24px,2.5vw,34px);line-height:1.45;letter-spacing:-.7px}.pricing-aside-copy p{color:#8eb7b1;font-size:12px;line-height:1.95}.pricing-includes{display:grid;gap:8px;margin:28px 0;color:#c5dfda;font-size:11px}.pricing-includes span{padding:11px 12px;border:1px solid rgba(89,188,173,.12);border-radius:11px;background:rgba(4,29,36,.36)}.pricing-note{margin-top:auto;display:flex;gap:12px;align-items:center;padding-top:22px;border-top:1px solid rgba(105,211,194,.12)}.pricing-note strong,.pricing-note small{display:block}.pricing-note strong{font-size:11px}.pricing-note small{margin-top:3px;color:#75a7a1;font-size:9px}.pricing-orbit{position:absolute;right:24px;top:24px;width:72px;height:72px;opacity:.7}.pricing-orbit span,.pricing-orbit b,.pricing-orbit i{position:absolute;border-radius:50%;inset:0;border:1px solid rgba(96,225,201,.18)}.pricing-orbit b{inset:12px;border-color:rgba(96,225,201,.26)}.pricing-orbit i{inset:27px;background:#53d5b9;border:0;box-shadow:0 0 22px rgba(83,213,185,.5)}
.plans-grid{max-width:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.plan-card{position:relative;overflow:hidden;padding:26px;border-radius:20px;border-color:var(--elite-border);background:linear-gradient(-155deg,rgba(10,54,58,.9),rgba(5,32,40,.82));box-shadow:0 24px 65px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03)}.plan-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(-90deg,transparent,rgba(101,227,203,.58),transparent);opacity:.65}.plan-card:hover{transform:translateY(-5px);box-shadow:0 34px 85px rgba(0,0,0,.22),0 0 0 1px rgba(97,221,198,.05)}.plan-card h3{font-size:23px}.plan-badge{background:rgba(75,197,174,.08);border-color:rgba(92,213,191,.21)}.plan-price{margin:18px 0}.plan-price strong{font-size:28px;letter-spacing:-.7px}.plan-features{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:18px 0!important}.plan-features span{padding:8px 10px;border-radius:9px;background:rgba(4,28,35,.38);border:1px solid rgba(80,177,164,.1);font-size:10px;color:#b9dad5}.plan-action-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-action-stack .btn{padding-inline:10px;font-size:11px}

/* promo pair becomes a compositional CTA band */
.auth-promo,.referral-promo{position:relative;overflow:hidden;min-height:190px;border-radius:24px;border-color:var(--elite-border);background:linear-gradient(-135deg,rgba(8,48,53,.88),rgba(4,28,36,.82));box-shadow:0 28px 80px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.035)}.auth-promo::after,.referral-promo::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(93,227,202,.11),transparent 68%);pointer-events:none}.auth-promo h2,.referral-promo h2{line-height:1.4;letter-spacing:-.6px}.auth-promo .btn,.referral-promo .btn{position:relative;z-index:2;min-width:185px}

/* FAQ: sticky search rail + clean accordion */
.faq-section{padding-bottom:110px}.faq-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:18px;align-items:start}.faq-intro{position:sticky;top:106px;padding:30px;border:1px solid var(--elite-border);border-radius:22px;background:radial-gradient(circle at 18% 5%,rgba(81,215,190,.10),transparent 28%),linear-gradient(-155deg,rgba(8,46,52,.86),rgba(4,29,37,.82));box-shadow:0 30px 80px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03)}.faq-intro h2{font-size:clamp(25px,3vw,38px);line-height:1.45;margin:13px 0 10px}.faq-intro>p{color:#87afa9;font-size:11px;line-height:1.95}.faq-search{height:48px;margin-top:23px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(88,191,175,.17);border-radius:12px;background:rgba(3,25,32,.55);transition:.2s}.faq-search:focus-within{border-color:rgba(102,229,205,.42);box-shadow:0 0 0 4px rgba(89,218,193,.05)}.faq-search span{font-size:21px;color:#68cdb9;line-height:1}.faq-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eafbf7;font:inherit;font-size:11px}.faq-search input::placeholder{color:#628e89}.faq-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.faq-shortcuts button{border:1px solid rgba(79,177,163,.13);background:rgba(7,39,45,.65);color:#84b4ad;border-radius:999px;padding:6px 10px;font:inherit;font-size:9px;cursor:pointer;transition:.2s}.faq-shortcuts button:hover,.faq-shortcuts button.is-active{color:#d9f8f1;border-color:rgba(97,218,197,.3);background:rgba(69,182,163,.11)}.faq-result-count{min-height:18px;margin-top:13px;color:#6f9f99;font-size:9px}.faq-list{max-width:none;margin:0;gap:8px}.faq-list details{position:relative;padding:0;border-color:rgba(76,169,157,.15);border-radius:15px;background:rgba(7,40,46,.66);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.02)}.faq-list details[hidden]{display:none}.faq-list summary{list-style:none;position:relative;padding:19px 20px 19px 54px;font-size:12px;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::before{content:"+";position:absolute;left:17px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(95,204,187,.18);border-radius:8px;color:#71d8c5;background:rgba(63,172,153,.06);font:400 17px/1 "Segoe UI",sans-serif;transition:.2s}.faq-list details[open] summary::before{content:"−";background:rgba(77,204,178,.12);border-color:rgba(101,225,203,.34)}.faq-list details p{margin:0;padding:0 20px 21px 54px;color:#89b2ac;font-size:11px;line-height:2}.faq-list details:hover{border-color:rgba(93,207,189,.28)}

/* stronger footer landing */
.site-footer{position:relative;margin-top:8px;border-top-color:rgba(100,215,195,.14)!important;background:linear-gradient(-180deg,rgba(5,31,39,.58),rgba(3,24,31,.9))}.site-footer::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(-90deg,transparent,rgba(101,233,208,.42),transparent)}

/* hover quality and keyboard focus */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid rgba(110,237,212,.8);outline-offset:3px}.btn-primary{position:relative;overflow:hidden}.btn-primary::after{content:"";position:absolute;inset:-2px;transform:translateX(-130%) skewX(18deg);width:34%;background:linear-gradient(-90deg,transparent,rgba(255,255,255,.28),transparent);transition:transform .55s ease}.btn-primary:hover::after{transform:translateX(330%) skewX(18deg)}

@media(max-width:1000px){.pricing-stage,.faq-layout{grid-template-columns:1fr}.pricing-aside{min-height:auto}.faq-intro{position:relative;top:auto}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.section{padding-block:62px}.pricing-stage{gap:12px}.pricing-aside{padding:23px;border-radius:18px}.pricing-orbit{display:none}.plans-grid{grid-template-columns:1fr}.plan-card{padding:22px}.plan-action-stack{grid-template-columns:1fr}.auth-promo,.referral-promo{padding:28px 22px;min-height:0}.faq-intro{padding:23px;border-radius:18px}.faq-list summary{padding:17px 15px 17px 50px}.faq-list details p{padding:0 15px 18px 50px}}
@media(prefers-reduced-motion:reduce){.btn-primary::after{display:none}.experience-steps article,.plan-card{transition:none}}

/* ===== PINGURA NETWORK MAP / 2026-08-31 ===== */
.network-map-section{padding-top:88px;padding-bottom:96px}
.network-map-shell{max-width:1160px;margin:auto;display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:18px;align-items:stretch}
.network-map-copy{position:relative;overflow:hidden;padding:34px 32px;border:1px solid rgba(91,204,185,.16);border-radius:24px;background:radial-gradient(circle at 85% 4%,rgba(96,226,203,.12),transparent 31%),linear-gradient(-155deg,rgba(9,49,54,.92),rgba(4,28,36,.88));box-shadow:0 30px 80px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.035);display:flex;flex-direction:column}
.network-map-copy::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-150px;bottom:-180px;border:1px solid rgba(105,231,207,.08);box-shadow:0 0 0 48px rgba(105,231,207,.018),0 0 0 96px rgba(105,231,207,.01);pointer-events:none}
.network-map-copy h2{margin:16px 0 11px;font-size:clamp(28px,3vw,42px);line-height:1.38;letter-spacing:-.8px;max-width:520px}
.network-map-copy>p{margin:0;color:#8eb6b0;font-size:12px;line-height:2.05;max-width:510px}
.network-map-facts{display:grid;gap:8px;margin:28px 0 24px}.network-map-facts>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;row-gap:2px;padding:12px 13px;border:1px solid rgba(88,190,173,.12);border-radius:12px;background:rgba(4,29,36,.36)}
.network-map-facts span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(82,203,181,.08);border:1px solid rgba(96,220,199,.17);color:#69d8c3;font:800 9px/1 "Segoe UI",sans-serif}.network-map-facts strong{font-size:11px;color:#d8f0eb}.network-map-facts small{font-size:9px;color:#719d97}
.network-map-link{position:relative;z-index:2;margin-top:auto;width:max-content;display:inline-flex;align-items:center;gap:9px;color:#8fe8d6;font-size:11px;text-decoration:none}.network-map-link b{font:400 17px/1 "Segoe UI",sans-serif;transition:transform .2s}.network-map-link:hover b{transform:translateX(4px)}
.network-map-visual{position:relative;overflow:hidden;border:1px solid rgba(91,204,185,.16);border-radius:24px;background:linear-gradient(-160deg,rgba(6,35,43,.96),rgba(3,24,31,.94));box-shadow:0 34px 100px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)}
.network-map-toolbar,.network-map-footer{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#729f99;font-size:9px;background:rgba(3,25,32,.54)}
.network-map-toolbar{border-bottom:1px solid rgba(91,190,175,.11)}.network-map-toolbar span{direction:rtl;display:flex;align-items:center;gap:8px;letter-spacing:.9px}.network-map-toolbar span i{width:7px;height:7px;border-radius:50%;background:#5fe0c6;box-shadow:0 0 16px rgba(95,224,198,.75)}.network-map-toolbar em{font-style:normal;color:#65908b}
.network-map-canvas{position:relative;isolation:isolate;background:#1d2028;overflow:hidden}.network-map-canvas::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0 23%,rgba(3,24,31,.03) 48%,rgba(3,24,31,.24) 100%),linear-gradient(-180deg,rgba(7,39,46,.02),rgba(7,39,46,.15))}.network-map-canvas img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:.9;filter:saturate(.9) contrast(1.04)}
.map-scan{position:absolute;z-index:4;top:0;bottom:0;width:26%;right:-32%;pointer-events:none;background:linear-gradient(-90deg,transparent,rgba(104,240,214,.065),transparent);transform:skewX(12deg);animation:pinguraMapScan 8s ease-in-out infinite}
.map-core{position:absolute;z-index:5;right:49.5%;top:46%;width:12px;height:12px;transform:translate(50%,-50%);pointer-events:none}.map-core i,.map-core b{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(86,229,202,.62);animation:pinguraMapPulse 2.4s ease-out infinite}.map-core b{animation-delay:1.2s}.map-core::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#72ead3;box-shadow:0 0 18px rgba(114,234,211,.8)}
.network-map-footer{border-top:1px solid rgba(91,190,175,.11)}.network-map-footer>span{display:flex;align-items:center;gap:8px;color:#a4cbc5}.network-map-footer .live-pulse{margin:0}.network-map-footer small{font-size:8.5px;color:#648e89}
@keyframes pinguraMapScan{0%,12%{right:-32%;opacity:0}24%{opacity:1}64%{right:108%;opacity:1}76%,100%{right:108%;opacity:0}}
@keyframes pinguraMapPulse{0%{transform:scale(.55);opacity:.9}100%{transform:scale(7.5);opacity:0}}
@media(max-width:1000px){.network-map-shell{grid-template-columns:1fr}.network-map-copy{min-height:auto}.network-map-visual{order:-1}.network-map-copy h2{max-width:none}}
@media(max-width:700px){.network-map-section{padding-top:62px;padding-bottom:70px}.network-map-copy{padding:23px;border-radius:18px}.network-map-visual{border-radius:18px}.network-map-toolbar,.network-map-footer{height:auto;min-height:42px;padding:10px 12px;flex-wrap:wrap}.network-map-footer small{width:100%}.network-map-canvas img{aspect-ratio:1.35/1;object-fit:cover}.map-core{right:50%;top:46%}}
@media(prefers-reduced-motion:reduce){.map-scan,.map-core i,.map-core b{animation:none}.map-scan{display:none}.map-core i,.map-core b{display:none}}

/* Account Professional Dashboard 2026-08-31 */
.account-overview-pro{display:grid;gap:14px}.account-welcome-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border:1px solid #286760;border-radius:20px;background:radial-gradient(circle at 0 0,rgba(71,184,161,.19),transparent 38%),linear-gradient(-135deg,#0d3b3d,#082b32)}.account-welcome-card:after{content:"";position:absolute;right:-55px;bottom:-95px;width:230px;height:230px;border:1px solid rgba(90,210,185,.12);border-radius:50%;box-shadow:0 0 0 48px rgba(71,184,161,.03),0 0 0 95px rgba(71,184,161,.02)}.account-welcome-card h2{font-size:30px;margin:8px 0}.account-welcome-card p{color:var(--muted);margin:0}.account-welcome-badge{min-width:150px;padding:14px 18px;border:1px solid #37776f;border-radius:14px;background:rgba(5,33,39,.55)}.account-welcome-badge span,.account-welcome-badge strong{display:block}.account-welcome-badge span{font-size:9px;color:#7baaa5}.account-welcome-badge strong{margin-top:5px;color:#8fe1cf}.account-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-kpi-grid article{padding:18px;border:1px solid #205758;border-radius:15px;background:linear-gradient(-180deg,#0a3437,#082c32)}.account-kpi-grid span,.account-kpi-grid strong,.account-kpi-grid small{display:block}.account-kpi-grid span{font-size:9px;color:#79aaa5}.account-kpi-grid strong{font-size:17px;margin:7px 0}.account-kpi-grid small{font-size:9px;color:#7faaa5}.subscription-command-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border:1px solid #2c7068;border-radius:20px;background:linear-gradient(-110deg,rgba(16,71,68,.95),rgba(7,39,46,.92));box-shadow:0 20px 55px rgba(0,0,0,.14)}.subscription-command-main h2{font-size:27px;margin:7px 0}.subscription-command-main p{color:#a4cbc5;margin:0}.subscription-command-actions{display:flex;gap:9px;flex-wrap:wrap}.account-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-quick-grid a{padding:18px;border:1px solid #1e5455;border-radius:14px;background:#082d33;color:#eefcf9;text-decoration:none;transition:.2s}.account-quick-grid a:hover{transform:translateY(-2px);border-color:#367d73}.account-quick-grid span,.account-quick-grid strong{display:block}.account-quick-grid span{font-size:9px;color:#78aaa4;margin-bottom:7px}.account-quick-grid strong{font-size:12px}@media(max-width:760px){.account-welcome-card,.subscription-command-card{align-items:flex-start;flex-direction:column}.account-kpi-grid,.account-quick-grid{grid-template-columns:1fr}.subscription-command-actions{width:100%}.subscription-command-actions .btn{flex:1}}
/* v4.2: homepage uses the same custom Pingura Route Fabric as reduce-ping */
.network-map-canvas img[src*="pingura-route-fabric-v2.svg"]{object-fit:contain;background:radial-gradient(circle at 50% 50%,rgba(52,190,166,.06),transparent 42%),#061b22;padding:10px}
@media(max-width:700px){.network-map-canvas img[src*="pingura-route-fabric-v2.svg"]{aspect-ratio:16/10;object-fit:contain;padding:4px}}


/* ===== Download platforms + responsive safety / 2026-09-04 ===== */
.platform-download-grid{width:min(980px,calc(100% - 32px));margin:0 auto 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.platform-download-card{min-width:0;display:flex;flex-direction:column;gap:20px;padding:26px;border:1px solid rgba(68,149,141,.46);border-radius:20px;background:radial-gradient(circle at 8% 0,rgba(71,184,161,.12),transparent 36%),linear-gradient(-155deg,#0b3539,#072932);box-shadow:0 24px 70px rgba(0,0,0,.18)}
.platform-download-card.platform-android{background:radial-gradient(circle at 8% 0,rgba(114,214,119,.11),transparent 36%),linear-gradient(-155deg,#0b3539,#072932)}
.platform-download-head{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:14px;min-width:0}.platform-download-head>div:last-child{min-width:0}
.platform-badge{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;border:1px solid #3b8078;background:#123f40;color:#9eeada;font:800 27px/1 "Segoe UI",sans-serif}.android-badge{border-color:rgba(113,198,117,.48);background:rgba(46,103,61,.28);color:#b9efb8;font-size:21px}
.platform-download-card h2{font-size:21px;margin:5px 0 7px;line-height:1.45}.platform-download-card p{margin:0;color:#8fb8b2;font-size:11px;line-height:1.9;overflow-wrap:anywhere}
.platform-download-meta{display:flex;flex-wrap:wrap;gap:7px}.platform-download-meta span{padding:6px 10px;border:1px solid rgba(60,129,123,.4);border-radius:999px;background:rgba(5,31,38,.44);color:#9fc8c2;font-size:9px}
.platform-download-btn{width:100%;margin-top:auto}.download-requirements-section{padding-top:10px}

/* ===== Mobile navigation + modal hard fix / 2026-09-04 v5 ===== */
/* One authoritative responsive layer. Previous generated mobile patches were removed. */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{position:relative}
main,section,article,aside,header,footer,nav,form,fieldset,.site-shell,.topbar-inner,.account-content{min-width:0}
img,video,canvas,svg{max-width:100%;height:auto}
input,textarea,select,button{min-width:0;max-width:100%;font-family:inherit}
pre,code,.mono{max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* Desktop navigation defaults */
.site-menu-toggle,.account-menu-toggle,.account-sidebar-close{display:none}
.site-menu-panel{display:flex;align-items:center;gap:35px;flex:1;min-width:0}
.site-menu-panel .nav{margin:auto}
.site-menu-backdrop,.account-sidebar-backdrop{display:none}

/* All overlays are portaled to body by ui.js; never size them with 100vw. */
.modal-backdrop,.dashboard-backdrop,.purchase-modal-backdrop,.payment-result-overlay,.notice-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:30000!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:100%!important;
  padding:20px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  justify-items:center!important;
  background:rgba(1,12,17,.82)!important;
}
.modal-backdrop.hidden,.dashboard-backdrop.hidden,.payment-result-overlay.hidden,.notice-overlay.hidden,.purchase-modal-backdrop[hidden]{display:none!important}
.auth-modal,.php-auth-modal,.purchase-modal,.payment-result-modal,.notice-modal{
  position:relative!important;
  inset:auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:520px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  transform:none!important;
  contain:none!important;
}
.auth-modal,.php-auth-modal{max-width:470px!important}
.auth-modal *,.php-auth-modal *,.purchase-modal *,.payment-result-modal *,.notice-modal *{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.auth-modal form,.php-auth-modal form,.purchase-modal form,.auth-form,.password-form,.form-head,.auth-brand,.auth-tabs,.password-wrap,.phone-input-shell,.themed-password-card,.referral-register-note{
  width:100%!important;min-width:0!important;max-width:100%!important;
}
.auth-modal input,.auth-modal select,.auth-modal textarea,.php-auth-modal input,.php-auth-modal select,.php-auth-modal textarea,.purchase-modal input,.purchase-modal select,.purchase-modal textarea{
  width:100%!important;min-width:0!important;max-width:100%!important;
}
/* Flex phone field was a real overflow source: 100%-wide input + fixed prefix. */
.phone-input-shell{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.phone-input-shell .phone-prefix,.phone-input-shell .phone-icon{flex:0 0 58px!important;width:58px!important;min-width:58px!important;max-width:58px!important}
.phone-input-shell input{flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important}
.password-wrap{position:relative!important;overflow:visible!important}
.password-wrap input{width:100%!important;min-width:0!important}
.notice-modal{grid-template-columns:48px minmax(0,1fr) 28px!important}

@media (max-width:980px){
  html,body{overflow-x:hidden!important}
  body.site-menu-open,body.account-menu-open,body.modal-open{overflow:hidden!important;overscroll-behavior:none!important}

  /* Header: fixed on mobile, always pinned to the viewport */
  body{padding-top:68px!important}
  .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:68px!important;z-index:5000!important;overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .topbar-inner{width:calc(100% - 20px)!important;height:68px!important;gap:10px!important;justify-content:space-between!important;overflow:visible!important;transform:none!important;contain:none!important}
  .brand{min-width:0!important}.brand small{display:none!important}.brand img{width:36px!important;height:36px!important}.brand strong{font-size:12px!important}
  .site-menu-toggle{display:flex!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border:1px solid rgba(96,190,174,.35)!important;border-radius:12px!important;background:#082b31!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;padding:0!important;cursor:pointer!important;z-index:5002!important}
  .site-menu-toggle span{display:block!important;width:19px!important;height:2px!important;border-radius:99px!important;background:#dffbf5!important;transform:none!important;opacity:1!important}
  .site-menu-open .site-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(-45deg)!important}
  .site-menu-open .site-menu-toggle span:nth-child(2){opacity:0!important}
  .site-menu-open .site-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(45deg)!important}

  /* Main menu is a deterministic full-width sheet. No transforms, no horizontal drawer state. */
  body>.site-menu-panel{
    display:none!important;
    position:fixed!important;
    z-index:10000!important;
    top:68px!important;left:0!important;bottom:0!important;right:0!important;
    width:auto!important;max-width:none!important;height:auto!important;
    margin:0!important;padding:14px 12px max(16px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(-180deg,#082c34,#061f29)!important;
    border:0!important;border-top:1px solid rgba(91,185,170,.24)!important;border-radius:0!important;
    box-shadow:none!important;transform:none!important;opacity:1!important;visibility:visible!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    flex-direction:column!important;align-items:stretch!important;gap:12px!important;
  }
  body.site-menu-open>.site-menu-panel{display:flex!important}
  body>.site-menu-panel .nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important}
  body>.site-menu-panel .nav a{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:13px 14px!important;border-radius:11px!important;background:rgba(7,37,44,.52)!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
  body>.site-menu-panel .top-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;margin-top:auto!important}
  body>.site-menu-panel .top-actions .btn{width:100%!important;max-width:100%!important;min-height:46px!important}
  body>.site-menu-backdrop{display:none!important}

  /* Dashboard content stays in normal flow; only the drawer is portaled above the site header. */
  .account-page-php{display:block!important;width:calc(100% - 20px)!important;max-width:1320px!important;margin-inline:auto!important;padding-top:14px!important;overflow:visible!important}
  .account-content{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .account-menu-toggle{display:flex!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:100%!important;height:42px!important;margin:0 auto 14px 0!important;padding:0 12px!important;border:1px solid rgba(80,170,157,.35)!important;border-radius:11px!important;background:#0a3338!important;color:#eafffb!important;font:700 11px/1 Vazirmatn,Tahoma,sans-serif!important;cursor:pointer!important;position:relative!important;z-index:20!important}
  .account-menu-icon{width:18px!important;height:16px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;flex:0 0 18px!important}
  .account-menu-icon span{display:block!important;width:18px!important;height:2px!important;border-radius:99px!important;background:#a9ddd3!important}

  body>.account-sidebar-backdrop{display:none!important;position:fixed!important;inset:0!important;z-index:19998!important;background:rgba(0,10,14,.74)!important}
  body.account-menu-open>.account-sidebar-backdrop{display:block!important}
  body>.account-sidebar{
    display:none!important;
    position:fixed!important;
    z-index:20000!important;
    top:0!important;left:0!important;bottom:0!important;right:0!important;
    width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;
    margin:0!important;padding:68px 14px max(20px,env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:0!important;
    background:linear-gradient(-180deg,#0a3439,#061f29)!important;
    box-shadow:none!important;transform:none!important;opacity:1!important;visibility:visible!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  }
  body.account-menu-open>.account-sidebar{display:block!important}
  body>.account-sidebar .account-sidebar-brand{display:flex!important;width:100%!important;min-width:0!important;padding:0 0 14px 52px!important}
  body>.account-sidebar .account-nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;overflow:visible!important;padding-bottom:0!important}
  body>.account-sidebar .account-nav a{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important}
  body>.account-sidebar form,body>.account-sidebar .account-logout{width:100%!important;max-width:100%!important}
  body>.account-sidebar .account-sidebar-close{
    display:grid!important;place-items:center!important;position:absolute!important;top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;
    width:44px!important;height:44px!important;margin:0!important;padding:0!important;
    border:1px solid rgba(95,192,176,.45)!important;border-radius:12px!important;
    background:#0b353a!important;color:#eafffb!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important;
    font:400 30px/1 Arial,sans-serif!important;cursor:pointer!important;z-index:20002!important;
  }

  /* Account cards cannot force page width. */
  .account-page-title,.account-welcome-card,.subscription-command-card,.account-list-row,.referral-link-row,.security-grid,.account-kpi-grid,.account-quick-grid{min-width:0!important;max-width:100%!important}
  .account-page-title{flex-wrap:wrap!important}.account-page-title>*{min-width:0!important;max-width:100%!important}
  .referral-link-row{grid-template-columns:minmax(0,1fr)!important}.referral-link-row .btn{width:100%!important}
  .account-list-row{grid-template-columns:auto minmax(0,1fr)!important}.account-list-meta{grid-column:1/-1!important;min-width:0!important}
}

@media (max-width:700px){
  /* Mobile dialogs: 8px physical gutter, modal width is the overlay content width. */
  .modal-backdrop,.dashboard-backdrop,.purchase-modal-backdrop,.payment-result-overlay,.notice-overlay{
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  }
  .auth-modal,.php-auth-modal,.purchase-modal,.payment-result-modal,.notice-modal{
    width:100%!important;max-width:480px!important;margin:0!important;padding:20px 14px!important;border-radius:15px!important;
  }
  .auth-brand{padding-right:40px!important;padding-left:0!important}
  .modal-close,.purchase-modal-close,.payment-result-close{right:10px!important;left:auto!important;top:9px!important}
  .form-head h2{font-size:22px!important}
  .auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .auth-links{gap:3px!important}.auth-links a,.auth-link{font-size:10px!important;padding:8px 7px!important}
  .terms-check{width:100%!important;min-width:0!important}.terms-check span{min-width:0!important;overflow-wrap:anywhere!important}
  .themed-password-card{overflow:hidden!important}.themed-password-card *{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .notice-modal{grid-template-columns:40px minmax(0,1fr) 28px!important;gap:9px!important}
  .payment-result-actions,.purchase-actions,.auth-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .payment-result-actions .btn,.purchase-actions .btn,.auth-actions .btn{width:100%!important;min-width:0!important}
}

@media (max-width:390px){
  .topbar-inner{width:calc(100% - 14px)!important}
  .brand span strong{font-size:11px!important}
  .account-page-php{width:calc(100% - 14px)!important}
  .auth-modal,.php-auth-modal,.purchase-modal,.payment-result-modal,.notice-modal{padding:18px 11px!important;border-radius:13px!important}
  .phone-input-shell .phone-prefix,.phone-input-shell .phone-icon{flex-basis:54px!important;width:54px!important;min-width:54px!important;max-width:54px!important}
}

/* Prevent one-frame pre-portal mobile menu flashes before ui.js moves drawers to <body>. */
@media (max-width:980px){
  .topbar .site-menu-panel,.topbar .site-menu-backdrop{display:none!important}
  .account-page-php>.account-sidebar,.account-page-php>.account-sidebar-backdrop{display:none!important}
}

/* Rewards / gamification: shared tokens + dashboard shop grids + homepage/rewards-page visuals. */
:root{--coin:#ffd27e;--coin2:#ffb347;--rarity-common:#8fd6c7;--rarity-rare:#6ec6ff;--rarity-epic:#b98cff;--rarity-legendary:#ffd27e}

.shop-grid,.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:8px}
.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.shop-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.shop-grid,.history-grid{grid-template-columns:1fr}}
.shop-item-card,.history-item-card{position:relative;overflow:hidden;padding:16px 20px 16px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(-180deg,#0a3437,#082c32);display:flex;flex-direction:column;gap:8px;min-height:118px}
.shop-item-card::before,.history-item-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rarity-common)}
.shop-item-card[data-rarity="rare"]::before{background:var(--rarity-rare)}
.shop-item-card[data-rarity="epic"]::before{background:var(--rarity-epic)}
.shop-item-card[data-rarity="legendary"]::before{background:var(--rarity-legendary)}
.shop-item-card .shop-item-head{display:flex;align-items:center;gap:10px}
.shop-item-card .shop-item-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:#123f40;border:1px solid #397a72;color:#7ce0cb}
.shop-item-card .shop-item-icon svg{width:18px;height:18px;display:block}
.shop-item-card strong,.history-item-card strong{font-size:12px;line-height:1.5}
.shop-item-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.shop-item-card .shop-item-foot,.history-item-card .history-item-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.coin-price-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;font-size:9px;font-weight:800;color:#3a2a06;background:linear-gradient(-135deg,var(--coin),var(--coin2))}
.history-item-card small{color:var(--muted);font-size:9px}
.grid-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 22px}
.grid-pager button{border:1px solid var(--line2);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 16px;font-size:10px;cursor:pointer;transition:.2s}
.grid-pager button:hover:not(:disabled){border-color:var(--accent);color:#a9f1df}
.grid-pager button:disabled{opacity:.35;cursor:default}
.grid-pager span{font-size:10px;color:var(--muted);min-width:44px;text-align:center}

.rewards-promo{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:44px;padding:56px 0 64px}
@media (max-width:980px){.rewards-promo{grid-template-columns:1fr;padding:20px 0 30px;gap:30px}}
.rewards-promo h2{font-size:32px;line-height:1.32;margin:14px 0 12px;max-width:560px;background:linear-gradient(-180deg,#fff 0%,#fdeec2 55%,var(--coin) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rewards-promo p{color:var(--muted);max-width:520px;margin:0 0 20px}
.rewards-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:480px;margin-bottom:22px}
.rewards-signal-grid>div{padding:11px 13px;border:1px solid rgba(255,210,126,.16);border-radius:12px;background:linear-gradient(-135deg,rgba(60,46,10,.4),rgba(13,57,62,.3))}
.rewards-signal-grid span{display:block;font-size:9px;color:var(--muted)}
.rewards-signal-grid strong{display:block;font-size:11px;margin-top:3px}
.rewards-visual{position:relative;direction:rtl}
.wallet-mock-card{position:relative;padding:20px 18px}
.wallet-balance-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.wallet-balance-row span{font-size:9px;color:#7eb7b0}
.wallet-balance{font-size:36px;font-weight:900;background:linear-gradient(-180deg,#fff,var(--coin));-webkit-background-clip:text;background-clip:text;color:transparent}
.wallet-item-row{position:relative;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;border:1px solid rgba(88,189,174,.16);border-radius:11px;background:rgba(6,32,38,.6);margin-bottom:8px;overflow:hidden}
.wallet-item-row::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--rarity-common)}
.wallet-item-row[data-rarity="rare"]::before{background:var(--rarity-rare)}
.wallet-item-row[data-rarity="epic"]::before{background:var(--rarity-epic)}
.wallet-item-row strong{font-size:10px;flex:1}
.wallet-item-row .coin-price-pill{font-size:8px;padding:4px 8px}
.feature-grid.gold-tint .feature-icon{background:linear-gradient(-135deg,rgba(255,210,126,.22),rgba(255,179,71,.08));border-color:rgba(255,210,126,.4);color:var(--coin)}
.rarity-chip{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}
.rarity-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rarity-common)}
.rarity-chip[data-rarity="rare"]::before{background:var(--rarity-rare)}
.rarity-chip[data-rarity="epic"]::before{background:var(--rarity-epic)}

/* Support tickets */
.tk-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff5164;color:#fff;font-size:10px;font-weight:800;display:inline-grid;place-items:center}
.tk-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.tk-filter-tabs{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}.tk-filter-tabs a{padding:8px 15px;border:1px solid var(--line);border-radius:999px;color:#9fc2bd;text-decoration:none;font-size:12px}.tk-filter-tabs a.active{background:#164744;border-color:#2d6a63;color:#fff;font-weight:700}
.tk-row{text-decoration:none;color:inherit;grid-template-columns:38px minmax(0,1fr) auto!important}.tk-row:hover{border-color:#3a8079}.tk-row-sub{direction:ltr!important;text-align:left!important}
.tk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5164;margin-right:8px}
.tk-status{font-size:10px;font-weight:700}
.tk-status-open{border-color:#8a742f;background:rgba(240,189,66,.1);color:#ffd37a}
.tk-status-in_progress{border-color:#2c5a88;background:rgba(80,160,255,.1);color:#9fd0ff}
.tk-status-pending{border-color:#6a4a9c;background:rgba(160,110,255,.1);color:#d6b4ff}
.tk-status-answered{border-color:#24745d;background:rgba(34,180,124,.1);color:#5de0a8}
.tk-status-closed{border-color:#3d4f52;background:rgba(150,170,175,.08);color:#a9b8bb}
.tk-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:var(--muted);font-size:12px}
.tk-form{display:grid;gap:14px}
.tk-form label{font-size:12px;color:#b4d0cc;display:grid;gap:7px}
.tk-form input:not([type=file]):not([type=hidden]),.tk-form textarea{width:100%;background:#061f28;border:1px solid #23575a;border-radius:10px;color:#fff;padding:12px 13px;font:inherit;outline:0}
.tk-form input:not([type=file]):not([type=hidden]){height:47px;padding-top:0;padding-bottom:0}
.tk-form textarea{resize:vertical;min-height:120px;line-height:1.9}
.tk-form input:focus,.tk-form textarea:focus{border-color:#52baa6;box-shadow:0 0 0 3px rgba(82,186,166,.09)}
.tk-hp{position:absolute!important;right:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.tk-files small{color:#7fb2ac;font-size:10px;margin-left:8px}.tk-file-btn{cursor:pointer;display:inline-flex!important}
.tk-file-names{display:grid;gap:6px;margin-top:10px}.tk-file-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #215355;border-radius:9px;padding:7px 11px;font-size:11px;direction:rtl}.tk-file-row button{border:0;background:transparent;color:#ff919d;font-size:18px;cursor:pointer}
.tk-file-error{color:#ff9aa4;font-size:11px;min-height:14px;margin-top:6px}
.tk-actions{display:flex;gap:10px;flex-wrap:wrap}
.tk-card{display:grid;gap:16px}.tk-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.tk-card-head h3{margin:6px 0 0;font-size:19px;overflow-wrap:anywhere}
.tk-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.tk-back{color:#73cfbd;text-decoration:none}
.tk-thread{display:grid;gap:12px}
.tk-msg{border:1px solid #215355;background:#092f34;border-radius:14px;padding:14px 16px;max-width:92%}
.tk-msg-user{justify-self:start}.tk-msg-admin{justify-self:end;background:#0d3d3d;border-color:#2d6a63}
.tk-msg-head{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-bottom:8px}.tk-msg-head strong{color:var(--text)}
.tk-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:13px}
.tk-atts{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.tk-att{display:flex;align-items:center;gap:10px;border:1px solid #2a6663;border-radius:10px;padding:7px 10px;color:var(--text);text-decoration:none;font-size:11px;background:#082a2f;max-width:100%}
.tk-att:hover{border-color:#52baa6}.tk-att small{display:block;color:var(--muted);font-size:9px;direction:rtl;text-align:left}
.tk-att-img img{width:64px;height:64px;object-fit:cover;border-radius:7px;display:block}.tk-att-img span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl}
.tk-att-icon{width:40px;height:40px;border-radius:9px;background:#123f40;border:1px solid #397a72;display:grid;place-items:center;font-size:10px;font-weight:800;color:#83e2cf}
.tk-reply{border-top:1px solid #215355;padding-top:16px}
.tk-closed-note{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed #337069;border-radius:12px;padding:14px 16px;color:var(--muted);font-size:12px}
@media(max-width:620px){.tk-msg{max-width:100%}.tk-card-head{flex-direction:column}}

.footer-legal a{color:#8fd6c7;text-decoration:none}.footer-legal a:hover{text-decoration:underline}

/* Header "آموزش" dropdown */
.nav-group{position:relative}
.nav-trigger{display:inline-flex;align-items:center;gap:6px;color:#b9d5d1;background:transparent;border:0;font:inherit;font-size:13px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:.2s}
.nav-trigger svg{transition:transform .2s}
.nav-group:hover .nav-trigger,.nav-group:focus-within .nav-trigger{background:rgba(71,184,161,.09);color:#fff}
.nav-group:hover .nav-trigger svg,.nav-group:focus-within .nav-trigger svg{transform:rotate(-180deg)}
.nav-menu{position:absolute;top:100%;left:0;min-width:200px;padding:6px;margin-top:2px;border:1px solid var(--line);border-radius:14px;background:#082c34;box-shadow:0 18px 50px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s;z-index:50}
.nav-group:hover .nav-menu,.nav-group:focus-within .nav-menu{opacity:1;visibility:visible;transform:none}
.nav-menu::before{content:"";position:absolute;top:-8px;right:0;left:0;height:8px}
.nav-menu a{display:block;white-space:nowrap}
.nav-menu a::after{display:none}
@media(max-width:980px){
  .nav-group{width:100%}
  .nav-trigger{width:100%;justify-content:space-between;padding:13px 14px;border-radius:11px;background:rgba(7,37,44,.52);color:#b9d5d1;font-size:14px}
  .nav-trigger svg{display:none}
  .nav-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;margin:6px 0 0;padding:0 0 0 14px;border:0;border-left:2px solid var(--line2);border-radius:0;background:transparent;box-shadow:none;display:grid;gap:6px}
}

/* homepage games hub + legacy SEO page links */
.hm-hub .section-head p{max-width:720px}
.hm-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:22px}
.hm-games a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;min-height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(8,43,50,.6);color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s}
.hm-games a:hover{border-color:var(--accent);transform:translateY(-2px)}
.hm-games small{color:var(--muted);font-family:ui-monospace,Consolas,monospace;direction:rtl;text-align:left}
.hm-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.hm-link{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid #23615e;border-radius:16px;background:linear-gradient(-145deg,rgba(18,86,82,.45),rgba(6,33,40,.8));color:var(--text);text-decoration:none;transition:border-color .2s}
.hm-link:hover{border-color:var(--accent)}.hm-link span{color:var(--muted);font-size:13px;line-height:1.9}
@media(max-width:980px){.hm-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hm-links{grid-template-columns:1fr}}
.seo-block a:not(.btn){color:var(--accent2);text-decoration:underline;text-underline-offset:4px}.seo-block .seo-related a:not(.btn){color:#d8f5ef;text-decoration:none}

/* Smart DNS route choice */
.dns-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin-bottom:22px}
@media(max-width:980px){.dns-top-grid{grid-template-columns:1fr}}
.dns-ip-wide{width:100%;margin-bottom:14px}
.dns-route-card{display:grid;gap:14px}
.dns-route-option{display:flex;gap:12px;align-items:flex-start;cursor:pointer;position:relative}
.dns-route-text{display:grid;gap:3px}
.dns-route-text strong{font-size:13px}
.dns-route-text small{color:var(--muted);font-size:10px;line-height:1.8}
.pg-radio{position:absolute;opacity:0;pointer-events:none}
.pg-check{flex:0 0 20px;width:20px;height:20px;margin-top:2px;border-radius:7px;border:1.5px solid #3a7c7b;background:#061f28;display:grid;place-items:center;transition:.15s}
.pg-check::after{content:"";width:10px;height:6px;border:2px solid #04231f;border-top:0;border-left:0;transform:rotate(45deg) scale(0);margin-top:-2px;transition:.15s}
.pg-radio:checked+.pg-check{background:linear-gradient(-135deg,#52baa6,#3a9c8c);border-color:#52baa6;box-shadow:0 0 0 3px rgba(82,186,166,.15)}
.pg-radio:checked+.pg-check::after{transform:rotate(45deg) scale(1)}
.pg-radio:focus-visible+.pg-check{box-shadow:0 0 0 3px rgba(82,186,166,.35)}
.pg-select{position:relative}
.pg-select.is-off{opacity:.45;pointer-events:none}
.pg-select-btn{width:100%;height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#061f28;border:1px solid #23575a;border-radius:10px;color:#fff;font:inherit;cursor:pointer}
.pg-select-btn i{width:8px;height:8px;border:2px solid #75a39f;border-top:0;border-right:0;transform:rotate(-45deg);margin-top:-4px;transition:.15s}
.pg-select.is-open .pg-select-btn{border-color:#52baa6;box-shadow:0 0 0 3px rgba(82,186,166,.09)}
.pg-select.is-open .pg-select-btn i{transform:rotate(135deg);margin-top:4px}
.pg-select-list{display:none;position:absolute;z-index:20;inset-inline:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#082a31;border:1px solid #2a6a68;border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.45)}
.pg-select.is-open .pg-select-list{display:block}
.pg-select-list li{padding:11px 12px;border-radius:8px;color:#d6ebe7;cursor:pointer;font-size:13px}
.pg-select-list li:hover{background:#0f4147}
.pg-select-list li.is-active{background:rgba(82,186,166,.16);color:#fff;font-weight:700}

/* pagination: class display rules (e.g. .history-item-card{display:flex}) were overriding the hidden attribute */
.page-item[hidden]{display:none!important}

/* sessions: terminate buttons */
.sessions-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.btn-danger-soft{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.4);color:#ff9d9d;border-radius:10px;padding:9px 14px;font:inherit;font-size:11px;cursor:pointer;transition:.15s}
.btn-danger-soft:hover{background:rgba(255,107,107,.2)}
.btn-sm{padding:6px 11px;font-size:10px}
.account-list-meta form{margin-top:8px}

/* ===== Responsive fixes 2026-10-14 =====
   Gaps found in a page-by-page phone audit of the whole site (everything else was already fine). */

/* Downloads: the Windows / Android cards stayed two-up on phones, squeezing their text to one word per line. */
@media(max-width:820px){
  .platform-download-grid{grid-template-columns:minmax(0,1fr)!important;width:min(100% - 24px,620px)!important;gap:14px!important}
}
@media(max-width:760px){
  .platform-download-card{padding:20px!important;gap:16px!important}
  .platform-download-card h2{font-size:19px!important}
  .platform-download-card p{font-size:13px!important;line-height:1.9!important}
  .platform-download-meta span{font-size:12px!important;padding:6px 11px!important}
  .platform-download-btn{min-height:48px}
  .download-kicker{font-size:11.5px!important}
}

/* Home "experience" steps and the Reduce-ping diagnostics were two narrow columns on phones. */
@media(max-width:560px){
  .experience-steps,.diagnostic-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* Touch targets: links and small controls were 13-23px tall. */
@media(max-width:900px),(pointer:coarse){
  .footer-links a,.seo-crumbs a,.bl-crumbs a,.breadcrumbs a{display:inline-flex;align-items:center;min-height:40px}
  .pg-select-btn,.mini-danger,.btn-sm,.btn-danger-soft{min-height:40px}
  .pg-radio{width:20px;height:20px}
}

/* Real content that was set at 9-11px is raised to a readable size on phones
   (the decorative app mock-ups keep their small type on purpose). */
@media(max-width:760px){
  .footer-links a{font-size:13px!important}
  .plan-features span,.plan-features li{font-size:12.5px!important}
  .section-head .eyebrow,.tab-kicker,.dns-home-item small,.step-no,
  .password-rule,.space-allowed-note,.dash-label,.password-strength-count{font-size:11.5px!important}
}


/* Plans section: feature box on top, period switch, then the plans of the selected period. */
.pricing-stage{grid-template-columns:1fr!important}
.pricing-aside{min-height:auto}
.pricing-plans{display:flex;flex-direction:column;gap:16px;min-width:0}
.plan-period-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-self:center;padding:6px;border:1px solid var(--elite-border,var(--line));border-radius:999px;background:rgba(7,40,50,.7);max-width:100%}
.plan-period-btn{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.plan-period-btn:hover{color:var(--text)}
.plan-period-btn.is-active{background:var(--accent);color:#04232a}
.pricing-plans .plans-grid{grid-template-columns:repeat(auto-fit,minmax(260px,380px))!important;justify-content:center}
.pricing-plans .plan-card[hidden]{display:none!important}
@media(max-width:700px){.plan-period-switch{border-radius:16px;width:100%}.plan-period-btn{flex:1 1 auto;padding:0 12px}.pricing-plans .plans-grid{grid-template-columns:1fr!important}}
.pricing-note-frozen{border-color:#4f8cff!important;background:rgba(60,110,255,.12)!important}

/* ---- Dashboard: linked accounts + usage (2026-11) ---- */
.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.link-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #205758;border-radius:16px;background:linear-gradient(-180deg,#0a3437,#082c32);min-width:0}
.link-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center}
.link-card h3{margin:0;font-size:15px}
.link-card header small{display:block;color:#79aaa5;font-size:10px;margin-top:2px}
.link-card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0d3f42;border:1px solid #2f706b;color:#8fd6c7;font-weight:800;font-size:17px;overflow:hidden}
.link-card-icon img{width:100%;height:100%;object-fit:cover;display:block}
.link-modes{margin:10px 0 0;padding:9px 11px;border-radius:10px;background:#0a2a2d;border:1px solid #1f5a57;font-size:12px;line-height:1.7;color:#a9d6cf}
.link-modes em{display:block;font-style:normal;font-size:10px;color:#79aaa5;margin-bottom:3px}
.link-modes span{display:block}
.link-modes b{color:#e7f7f4;margin-inline-end:6px}
.link-rows{display:grid;gap:6px}
.link-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:7px 10px;border-radius:9px;background:#07272d}
.link-row span{color:#79aaa5}.link-row strong{font-weight:600;text-align:end;min-width:0;overflow-wrap:anywhere}
.link-note{margin:0;color:#92bbb6;font-size:10.5px;line-height:1.9}
.link-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;align-items:flex-start}
.link-actions>form{margin:0}
.link-form{display:grid;gap:10px;margin:0}
.link-form-inline{display:inline-block}
.link-form label{display:grid;gap:5px;font-size:10.5px;color:#a8cbc6}
.link-form input,.link-form select{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid #2b6764;background:#061f25;color:#f3fffd;font:inherit;font-size:12px}
.link-form input:focus,.link-form select:focus{outline:2px solid rgba(71,184,161,.45);outline-offset:1px}
.link-edit{flex:1 1 100%}
.link-edit>summary{list-style:none;cursor:pointer;display:inline-flex}
.link-edit>summary::-webkit-details-marker{display:none}
.link-edit[open]>summary{margin-bottom:10px}
.link-edit>form{padding:14px;border:1px solid #215355;border-radius:13px;background:#07272d}
.link-pending{padding:13px;border:1px solid #2f706b;border-radius:13px;background:rgba(71,184,161,.08);display:grid;gap:8px}
.link-pending p{margin:0;font-size:10.5px;line-height:1.9;color:#bfe0da}.link-pending small{color:#79aaa5;font-size:9.5px}
.link-icon-pick{display:flex;align-items:center;gap:10px;font-size:12px}
.link-icon-pick img{border-radius:12px;border:1px solid #2f706b}
.link-char{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:#07272d}
.link-char strong{display:block;font-size:12px}.link-char small{color:#79aaa5;font-size:10px}
.link-foot{margin:16px 2px 0;color:#79aaa5;font-size:10px;line-height:1.9}
.usage-h{margin:22px 2px 10px;font-size:13px;color:#8fd6c7;font-weight:700}
.usage-plan{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border:1px solid #205758;border-radius:14px;background:#092f34;margin-bottom:4px}
.usage-plan span{color:#79aaa5;font-size:10.5px}.usage-plan strong{font-size:14px}.usage-plan em{font-style:normal;font-size:9.5px;padding:3px 8px;border-radius:999px;border:1px solid #38645f;color:#89aaa6}.usage-plan small{color:#ffb86b;font-size:10px}
.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.usage-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.usage-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.usage-card{display:grid;gap:7px;padding:16px;border:1px solid #205758;border-radius:15px;background:linear-gradient(-180deg,#0a3437,#082c32);min-width:0}
.usage-card span{font-size:10px;color:#79aaa5}.usage-card strong{font-size:19px}.usage-card small{font-size:9.5px;color:#79aaa5;line-height:1.7}
.usage-bar{height:7px;border-radius:999px;background:#06222a;overflow:hidden}
.usage-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(-90deg,#47b8a1,#8fd6c7)}
.usage-bar.is-high i{background:linear-gradient(-90deg,#e8a84a,#ffcf7a)}.usage-bar.is-full i{background:linear-gradient(-90deg,#ff5164,#ff8a96)}
.usage-games{display:grid;gap:9px}
.usage-game{padding:11px 14px;border:1px solid #215355;border-radius:12px;background:#092f34;display:grid;gap:8px}
.usage-game-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.usage-game-top strong{font-size:12.5px}.usage-game-top span{font-size:10px;color:#79aaa5}
.usage-dns{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:1px solid #205758;border-radius:15px;background:#092f34}
.usage-dns span,.usage-dns strong,.usage-dns small{display:block}.usage-dns span{font-size:10px;color:#79aaa5}.usage-dns strong{font-size:17px;margin:4px 0}.usage-dns small{font-size:9.5px;color:#79aaa5}
@media(max-width:980px){.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.link-grid{grid-template-columns:1fr}.usage-grid,.usage-grid-3{grid-template-columns:1fr 1fr}.link-card>header{grid-template-columns:38px minmax(0,1fr)}.link-card>header .status-badge{grid-column:1/-1;justify-self:start}}
@media(max-width:420px){.usage-grid,.usage-grid-3{grid-template-columns:1fr}}

/* ---- Language switch (header) ---- */
.lang-switch{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;border:1px solid #2f706b;border-radius:11px;background:rgba(10,52,55,.7);color:#d8f3ee;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:.15s}
.lang-switch:hover{border-color:#47b8a1;background:rgba(71,184,161,.14)}
.lang-flag{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);display:block;object-fit:cover}
@media(max-width:700px){.lang-switch{height:36px;padding:0 11px}}
.link-warn{padding:9px 11px;border-radius:10px;background:#33290f;border:1px solid #7a6221;color:#f1d98a}
.link-card .btn[disabled]{opacity:.5;cursor:not-allowed}

/* --- put back to left-to-right: these were ltr in the Persian page --- */
.brand{direction:ltr}
.hero-visual{direction:ltr}
.auth-brand{direction:ltr}
.auth-form input{direction:ltr}
.password-form input{direction:ltr}
.account-identity small{direction:ltr}
.account-primary-card>p{direction:ltr}
.account-list-main span{direction:ltr}
.phone-verify-state .otp-input{direction:ltr}
.security-phone-otp input{direction:ltr}
.phone-input-shell{direction:ltr}
.readonly-phone-value{direction:ltr}
.phone-input-shell input{direction:ltr}
.otp-input{direction:ltr}
html{direction:ltr}
.modal-backdrop{direction:ltr}
.password-strength-count{direction:ltr}
.account-sidebar-brand small{direction:ltr}
.ua-short{direction:ltr}
.dns-ip-chip{direction:ltr}
.dns-ip-form-card input{direction:ltr}
.referral-link-row{direction:ltr}
.dns-home-item code{direction:ltr}
.footer-socials .social-icon{direction:ltr}
.footer-socials small{direction:ltr}
.product-tab small{direction:ltr}
.tab-kicker{direction:ltr}
.tab-pills span{direction:ltr}
.tab-media{direction:ltr}
.showcase-mini-grid span{direction:ltr}
.game-rail-track{direction:ltr}
.experience-steps{direction:ltr}
.network-map-toolbar span{direction:ltr}
.rewards-visual{direction:ltr}
.tk-file-row{direction:ltr}
.tk-att small{direction:ltr}
.tk-att-img span{direction:ltr}
.hm-games small{direction:ltr}

/* collapsed site menu for English (see assets/ui.js) */
@media (min-width: 981px) and (max-width: 1280px) {
  .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:68px!important;z-index:5000!important;overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .topbar-inner{width:calc(100% - 20px)!important;height:68px!important;gap:10px!important;justify-content:space-between!important;overflow:visible!important;transform:none!important;contain:none!important}
  .brand{min-width:0!important}.brand small{display:none!important}.brand img{width:36px!important;height:36px!important}.brand strong{font-size:12px!important}
  .site-menu-toggle{display:flex!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border:1px solid rgba(96,190,174,.35)!important;border-radius:12px!important;background:#082b31!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;padding:0!important;cursor:pointer!important;z-index:5002!important}
  .site-menu-toggle span{display:block!important;width:19px!important;height:2px!important;border-radius:99px!important;background:#dffbf5!important;transform:none!important;opacity:1!important}
  .site-menu-open .site-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(-45deg)!important}
  .site-menu-open .site-menu-toggle span:nth-child(2){opacity:0!important}
  .site-menu-open .site-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(45deg)!important}
  body>.site-menu-panel{
    display:none!important;
    position:fixed!important;
    z-index:10000!important;
    top:68px!important;left:0!important;bottom:0!important;right:0!important;
    width:auto!important;max-width:none!important;height:auto!important;
    margin:0!important;padding:14px 12px max(16px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(-180deg,#082c34,#061f29)!important;
    border:0!important;border-top:1px solid rgba(91,185,170,.24)!important;border-radius:0!important;
    box-shadow:none!important;transform:none!important;opacity:1!important;visibility:visible!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    flex-direction:column!important;align-items:stretch!important;gap:12px!important;
  }
  body.site-menu-open>.site-menu-panel{display:flex!important}
  body>.site-menu-panel .nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important}
  body>.site-menu-panel .nav a{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:13px 14px!important;border-radius:11px!important;background:rgba(7,37,44,.52)!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
  body>.site-menu-panel .top-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;margin-top:auto!important}
  body>.site-menu-panel .top-actions .btn{width:100%!important;max-width:100%!important;min-height:46px!important}
  body>.site-menu-backdrop{display:none!important}
  .topbar .site-menu-panel,.topbar .site-menu-backdrop{display:none!important}
  .nav-group{width:100%}
  .nav-trigger{width:100%;justify-content:space-between;padding:13px 14px;border-radius:11px;background:rgba(7,37,44,.52);color:#b9d5d1;font-size:14px}
  .nav-trigger svg{display:none}
  .nav-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;margin:6px 0 0;padding:0 0 0 14px;border:0;border-left:2px solid var(--line2);border-radius:0;background:transparent;box-shadow:none;display:grid;gap:6px}
}

/* --- English typography: smaller headings, tighter line-height --- */
.hero h1{font-size:clamp(32px,3.9vw,58px);line-height:1.12;letter-spacing:-.025em;margin:20px 0 18px;max-width:none}
.hero h1 span{line-height:1.12}
.hero p{line-height:1.7}
.section-head h2{font-size:clamp(24px,2.9vw,38px);line-height:1.2}
h1,h2{line-height:1.22}
h3{line-height:1.3}
p,li{line-height:1.7}
.bl-hero h1,.blog-hero h1,.legal-hero h1{letter-spacing:-.02em}
@media(max-width:700px){.hero h1{font-size:clamp(28px,8vw,40px)}.section-head h2{font-size:clamp(22px,6.4vw,30px)}}