:root{
--ink:#0A1A2F; --ink-2:#12294D;
--paper:#C6D9F0; --paper-2:#FFFFFF;
--teal:#00976D; --teal-dark:#00603F; --teal-soft:#BEE9DA;
--amber:#0090DC; --amber-soft:#C3E6FA; --amber-dark:#00618F;
--muted:#0A1A2F; --line:rgba(10,26,47,.26); --danger:#B33A20;
--gold:#F2B84B; --gold-dark:#C98016; --violet:#8B7FF0; --violet-dark:#4A36CC;
--grad-brand:linear-gradient(135deg,#00976D,#0090DC);
--grad-brand-r:linear-gradient(90deg,#00976D,#18CFA4 55%,#0090DC);
--shadow:0 18px 50px -22px rgba(10,26,47,.55);
--shadow-sm:0 8px 24px -14px rgba(10,26,47,.5);
--glow-teal:0 14px 40px -12px rgba(0,151,109,.68);
--glow-blue:0 14px 40px -12px rgba(0,144,220,.68);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip;max-width:100%}
body{
font-family:'Vazirmatn',Tahoma,sans-serif;
background:var(--paper); color:var(--ink);
line-height:1.75; -webkit-font-smoothing:antialiased;
overflow-x:hidden; overflow-x:clip; max-width:100%; position:relative;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.prog-track{position:fixed;top:0;right:0;left:0;height:3px;z-index:200;
pointer-events:none;background:rgba(10,26,47,.13)}
.prog-bar{display:block;height:100%;width:100%;
background:linear-gradient(90deg,var(--teal),var(--amber));
transform:scaleX(0);transform-origin:right center;will-change:transform;
box-shadow:0 0 6px rgba(0,151,109,.35)}
.rv{opacity:0;transform:translateY(14px);transition:opacity .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.rv-l{opacity:0;transform:translateX(-16px);transition:opacity .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1)}
.rv-l.in{opacity:1;transform:none}
.rv-r{opacity:0;transform:translateX(16px);transition:opacity .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1)}
.rv-r.in{opacity:1;transform:none}
.rv-z{opacity:0;transform:scale(.97);transition:opacity .38s ease,transform .38s cubic-bezier(.2,.9,.3,1)}
.rv-z.in{opacity:1;transform:none}
.rv-s{opacity:0;transform:translateY(9px);transition:opacity .32s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
.rv-s.in{opacity:1;transform:none}
.btn-primary,.btn-amber,.btn-ghost-dark{position:relative;overflow:hidden}
.btn-primary::after,.btn-amber::after,.btn-ghost-dark::after{content:"";position:absolute;top:0;bottom:0;width:45%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
transform:skewX(-20deg);inset-inline-start:-60%}
.btn-primary:hover::after,.btn-amber:hover::after,.btn-ghost-dark:hover::after{animation:shine .75s ease}
@keyframes shine{to{inset-inline-start:120%}}
.hero h1 .hl::after{content:"";position:absolute;inset-inline:0;bottom:-4px;height:7px;border-radius:100px;
background:rgba(0,144,220,.4);transform:scaleX(0);transform-origin:right;animation:swipe 1s .7s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes swipe{to{transform:scaleX(1)}}
.hero-bg::before{animation:float1 14s ease-in-out infinite}
.hero-bg::after{animation:float2 17s ease-in-out infinite}
@keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(38px,26px)}}
@keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(-34px,-22px)}}
.hero-inner > div:first-child > *{animation:up .8s cubic-bezier(.2,.8,.2,1) backwards}
.hero-inner > div:first-child > *:nth-child(1){animation-delay:.05s}
.hero-inner > div:first-child > *:nth-child(2){animation-delay:.15s}
.hero-inner > div:first-child > *:nth-child(3){animation-delay:.25s}
.hero-inner > div:first-child > *:nth-child(4){animation-delay:.35s}
.hero-inner > div:first-child > *:nth-child(5){animation-delay:.45s}
.rank-card{animation:up .9s .3s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.newsbar{animation:drop .6s cubic-bezier(.2,.8,.2,1)}
@keyframes drop{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
header.nav{transition:box-shadow .3s,background .3s}
header.nav.stuck{box-shadow:0 6px 24px -14px rgba(10,26,47,.5)}
.svc-ic,.step-ic{transition:.3s}
.svc-card:hover .svc-ic,.step-card:hover .step-ic{transform:scale(1.1) rotate(-6deg)}
.plan.hot::after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;
background:linear-gradient(120deg,transparent 40%,rgba(0,151,109,.13),transparent 60%);
animation:sweep 3.4s ease-in-out infinite}
@keyframes sweep{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:700px){
.rv,.rv-l,.rv-r,.rv-s{transition-duration:.34s;transition-timing-function:cubic-bezier(.16,.8,.2,1)}
.rv{transform:translateY(10px)}
.rv-l,.rv-r{transform:translateY(8px);opacity:0}
.rv-z{transform:scale(.97)}
.plan.hot::after{animation:none}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
.rv,.rv-l,.rv-r,.rv-z{opacity:1!important;transform:none!important}
}
.fa-num{font-feature-settings:"ss01"}
header.nav{
position:sticky;top:0;z-index:40;
background:rgba(246,243,236,.82);backdrop-filter:blur(12px);
border-bottom:1px solid var(--line);
}
header.nav .wrap{max-width:1320px}
.nav-inner{display:flex;align-items:center;gap:18px;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;flex-shrink:0}
.logo{
width:44px;height:44px;border-radius:13px;
background:#fff;overflow:hidden;
display:grid;place-items:center;
box-shadow:var(--shadow-sm);position:relative;flex-shrink:0;
}
.logo img{width:100%;height:100%;object-fit:cover}
.brand-txt strong{display:block;font-weight:800;font-size:1.02rem;letter-spacing:-.2px}
.brand-txt span{display:block;font-size:.72rem;color:var(--muted);margin-top:-2px}
.nav-links{display:flex;align-items:center;gap:2px;margin-inline-start:auto}
.nav-links a{padding:8px 11px;border-radius:10px;font-size:.86rem;font-weight:500;color:var(--muted);transition:.2s;white-space:nowrap}
.nav-links a:hover{color:var(--ink);background:rgba(14,30,61,.05)}
.nav-mega{position:relative}
.nav-mega-trigger{display:flex;align-items:center;gap:4px}
.nav-mega-trigger::after{content:'▾';font-size:.7rem;opacity:.6}
.nav-mega-panel{display:grid;position:absolute;top:100%;left:50%;
padding:26px 20px 20px;background:var(--paper-2);border:1px solid var(--line);border-radius:18px;
box-shadow:var(--shadow);gap:26px;grid-template-columns:repeat(3,168px);z-index:60;max-width:calc(100vw - 32px);
opacity:0;visibility:hidden;pointer-events:none;
transform:translateX(-50%) translateY(-10px) scale(.96);
transition:opacity .28s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s;
transform-origin:top center}
.nav-mega:hover .nav-mega-panel,.nav-mega:focus-within .nav-mega-panel{
opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-mega-col{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.nav-mega:hover .nav-mega-col,.nav-mega:focus-within .nav-mega-col{opacity:1;transform:none}
.nav-mega-col:nth-child(1){transition-delay:.03s}
.nav-mega-col:nth-child(2){transition-delay:.08s}
.nav-mega-col:nth-child(3){transition-delay:.13s}
.nav-mega-col .nav-mega-h{display:block;font-size:.78rem;font-weight:800;color:var(--teal-dark);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.nav-mega-col a{display:block;padding:6px 4px;border-radius:8px;font-size:.84rem;color:var(--ink);font-weight:500}
.nav-mega-col a:hover{background:var(--teal-soft);color:var(--teal-dark)}
.nav-mega-more{margin-top:6px;color:var(--teal-dark)!important;font-weight:700!important;font-size:.8rem!important}
.nav-mega-toggle{display:none;flex:none;width:44px;min-width:44px;height:44px;place-items:center;
background:none;border:0;cursor:pointer;color:var(--muted);border-radius:12px;
-webkit-tap-highlight-color:transparent}
.nav-mega-toggle::before{content:'▾';font-size:1rem;line-height:1;transition:transform .25s ease}
.nav-mega.open>.nav-mega-toggle::before{transform:rotate(180deg)}
.nav-mega.open>.nav-mega-toggle{background:var(--teal-soft);color:var(--teal-dark)}
.nav-cta{
background:var(--ink);color:#fff!important;font-weight:700!important;
padding:10px 18px!important;box-shadow:var(--shadow-sm);
}
.nav-cta:hover{background:var(--ink-2)!important;transform:translateY(-1px)}
.nav-auth{display:flex!important;align-items:center;gap:9px;padding:6px 14px 6px 6px!important;
border-radius:100px;border:1px solid var(--line);font-weight:600!important;white-space:nowrap}
.nav-auth:hover{border-color:var(--teal);background:var(--teal-soft)!important}
.nav-avatar{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;
display:grid;place-items:center;font-weight:800;font-size:.9rem;flex-shrink:0}
.nav-auth-txt{display:flex;flex-direction:column;line-height:1.35;font-size:.7rem;color:var(--muted)}
.nav-auth-txt b{font-size:.85rem;color:var(--ink);font-weight:700}
.burger{display:none;margin-inline-start:auto;background:none;font-size:1.5rem;color:var(--ink);
width:44px;height:44px;place-items:center;border-radius:12px;-webkit-tap-highlight-color:transparent}
.hero{position:relative;overflow:hidden;color:#fff;padding:88px 0 96px;
background:linear-gradient(165deg,#050F1E 0%,var(--ink) 40%,#153761 100%)}
.hero-bg{position:absolute;inset:0;opacity:.82;pointer-events:none}
.hero-bg::before{
content:"";position:absolute;width:620px;height:620px;border-radius:50%;
top:-260px;left:-160px;
background:radial-gradient(circle,rgba(0,144,220,.72),transparent 62%);
}
.hero-bg::after{
content:"";position:absolute;width:520px;height:520px;border-radius:50%;
bottom:-240px;right:-120px;
background:radial-gradient(circle,rgba(0,151,109,.6),transparent 60%);
}
.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow{
position:relative;display:inline-flex;align-items:center;gap:9px;
font-size:.88rem;font-weight:800;letter-spacing:.15px;
background:none;border:none;padding:0 0 11px;border-radius:0;margin-bottom:26px;
background-image:linear-gradient(120deg,#fff,#86D8FF 150%);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
.eyebrow .dot{
width:8px;height:8px;border-radius:3px;flex-shrink:0;
background:var(--grad-brand);transform:rotate(45deg);
box-shadow:0 0 0 5px rgba(63,214,192,.22);
animation:kickspin 3.4s ease-in-out infinite;
}
.eyebrow::after{
content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;
background:linear-gradient(90deg,transparent,#1FF0BE 20%,#5FC8FF 55%,#1FF0BE 85%,transparent);
animation:kickline 2.6s ease-in-out infinite;
}
@keyframes kickspin{0%,100%{transform:rotate(45deg) scale(1)}50%{transform:rotate(225deg) scale(1.2)}}
@keyframes kickline{0%,100%{opacity:.5}50%{opacity:1}}
.hero h1{font-size:clamp(2rem,4.6vw,3.15rem);font-weight:900;line-height:1.28;letter-spacing:-.6px}
.hero h1 .hl{position:relative;white-space:nowrap;
background:linear-gradient(90deg,#0098E3,#1FF0BE,#0098E3);background-size:200% auto;
-webkit-background-clip:text;background-clip:text;color:transparent;animation:hlflow 4s linear infinite}
@keyframes hlflow{to{background-position:200% center}}
@media(prefers-reduced-motion:reduce){.hero h1 .hl{animation:none;color:var(--amber);-webkit-text-fill-color:initial}}
.spotlight{position:absolute;inset:0;pointer-events:none;z-index:1;
background:radial-gradient(420px circle at var(--sx,50%) var(--sy,10%),rgba(255,255,255,.07),transparent 60%)}
.rank-card-wrap{perspective:1000px}
.hero p.lead{margin-top:20px;font-size:1.08rem;color:#fff;max-width:46ch;font-weight:400;
text-align:justify;text-justify:inter-word;hyphens:none}
.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:9px;
padding:14px 26px;border-radius:13px;font-weight:700;font-size:1rem;transition:.2s;
}
.btn-primary{background:var(--teal);color:#fff;box-shadow:0 14px 30px -14px rgba(0,96,63,.9)}
.btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16)}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.hero-trust{display:flex;gap:26px;margin-top:38px;flex-wrap:wrap}
.hero-trust .t strong{display:block;font-size:1.5rem;font-weight:800;color:#fff}
.hero-trust .t span{font-size:.8rem;color:#fff}
.rank-card{
background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:30px;
backdrop-filter:blur(6px);box-shadow:var(--shadow);
transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform;
}
.rank-card .rc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.rank-card .rc-top span{font-size:.85rem;color:#fff}
.rc-badge{font-size:.72rem;background:rgba(0,96,63,.25);color:#6BFADC;padding:4px 10px;border-radius:8px;border:1px solid rgba(0,96,63,.4)}
.gauge-mini{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 18px}
.gauge-mini .big{font-size:2.9rem;font-weight:900;color:var(--amber);line-height:1}
.gauge-mini .lbl{font-size:.85rem;color:#fff}
.bars{display:flex;flex-direction:column;gap:12px}
.bar-row{display:flex;align-items:center;gap:12px;font-size:.82rem;color:#fff}
.bar-row .name{width:64px;flex-shrink:0}
.bar-track{flex:1;height:8px;border-radius:100px;background:rgba(255,255,255,.1);overflow:hidden}
.bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--teal),#1FF0BE);width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
section.block{padding:104px 0;position:relative}
.blobs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
transform:translateZ(0);backface-visibility:hidden}
.blobs i{position:absolute;border-radius:50%;display:block}
.blobs i:nth-child(1){width:620px;height:620px;top:4%;right:-240px;
background:radial-gradient(circle,rgba(0,144,220,.18),rgba(0,144,220,0) 68%)}
.blobs i:nth-child(2){width:560px;height:560px;top:44%;left:-220px;
background:radial-gradient(circle,rgba(0,151,109,.16),rgba(0,151,109,0) 68%)}
.blobs i:nth-child(3){width:520px;height:520px;bottom:2%;right:2%;
background:radial-gradient(circle,rgba(0,144,220,.12),rgba(0,144,220,0) 68%)}
@media(max-width:700px){.blobs i:nth-child(3){display:none}}
.sec-head{max-width:46ch;margin-bottom:54px}
.sec-kicker{
position:relative;display:flex;width:fit-content;margin-inline:auto;align-items:center;gap:10px;
font-size:.95rem;font-weight:800;letter-spacing:.15px;
background:none;border:none;box-shadow:none;padding:0 0 11px;border-radius:0;margin-bottom:26px;
background-image:linear-gradient(120deg,var(--teal-dark),var(--amber-dark) 140%);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
.sec-kicker::before{
content:"";width:8px;height:8px;flex-shrink:0;border-radius:3px;
background:var(--grad-brand);transform:rotate(45deg);
box-shadow:0 0 0 5px rgba(0,151,109,.14);
animation:kickspin 3.4s ease-in-out infinite;
}
.sec-kicker::after{
content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;
background:linear-gradient(90deg,transparent,var(--teal) 20%,var(--amber) 55%,var(--teal) 85%,transparent);
animation:kickline 2.6s ease-in-out infinite;
}
.mbti-promo-txt .sec-kicker,#plans .sec-kicker{
background-image:linear-gradient(120deg,#A8FBE6,#A6E4FF 140%);
}
.mbti-promo-txt .sec-kicker{margin-inline:0}
.sec-head h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;letter-spacing:-.4px;line-height:1.35}
.sec-head p{color:var(--muted);margin-top:14px;font-size:1.02rem;line-height:1.85;max-width:44ch}
.about{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center}
.portrait{
aspect-ratio:1/1.05;border-radius:26px;position:relative;overflow:hidden;
background:linear-gradient(160deg,#1FA3DC,#00618F);box-shadow:var(--shadow);
display:grid;place-items:center;
}
.portrait picture{display:block;width:100%;height:100%}
.portrait-img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.portrait .ph{color:#fff;text-align:center;font-size:.85rem;padding:20px}
.portrait .ph svg{width:56px;height:56px;margin-bottom:10px;opacity:.6}
.portrait .tag{
position:absolute;bottom:16px;inset-inline:16px;background:rgba(255,255,255,.12);
backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:14px;
padding:12px 16px;color:#fff;font-size:.85rem;
}
.about-txt h2{font-size:1.5rem;font-weight:800;margin-bottom:6px;letter-spacing:-.3px}
.about-txt .role{color:var(--teal);font-weight:700;margin-bottom:18px}
.about-txt p{color:var(--muted);margin-bottom:14px}
.social-row{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.social-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:12px;font-weight:600;font-size:.9rem;border:1px solid var(--line);background:var(--paper);transition:.2s}
.social-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.social-btn svg{width:20px;height:20px}
.social-btn.ig{color:#8E1F5A}
.social-btn.tg{color:#0B5A80}
.social-note{font-size:.78rem;color:var(--muted);margin-top:10px}
.why-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.why-text{text-align:center}
.why-text h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:900;letter-spacing:-.4px;line-height:1.45}
.why-text p{color:var(--muted);margin-top:16px;font-size:1.02rem;line-height:1.95;max-width:40ch;margin-inline:auto}
.why-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 0}
.why-ring{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);
width:320px;height:320px;border:2px dashed rgba(10,26,47,.13);border-radius:50%;pointer-events:none;z-index:0}
.why-dot{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);
width:210px;height:210px;border-radius:50%;background:var(--teal-soft);opacity:.5;pointer-events:none;z-index:0}
.step-card{position:relative;z-index:2;background:var(--paper-2);border:1px solid var(--line);
border-radius:20px;padding:22px 20px;box-shadow:var(--shadow-sm);transition:.25s}
.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(0,151,109,.45)}
.step-card.s1{grid-column:1;grid-row:1}
.step-card.s2{grid-column:2;grid-row:1;margin-top:34px}
.step-card.s3{grid-column:1 / span 2;grid-row:2;max-width:340px;margin:14px auto 0}
.step-badge{position:absolute;top:16px;inset-inline-end:18px;background:var(--paper);border:1px solid var(--line);
color:var(--muted);font-size:.68rem;font-weight:800;padding:4px 11px;border-radius:100px}
.step-ic{width:42px;height:42px;border-radius:13px;background:var(--teal-soft);color:var(--teal-dark);
display:grid;place-items:center;margin-bottom:12px}
.step-ic svg{width:22px;height:22px}
.step-card h4{font-size:1rem;font-weight:800;color:var(--teal-dark);margin-bottom:6px;line-height:1.5;max-width:88%}
.step-card p{color:var(--muted);font-size:.84rem;line-height:1.8;margin:0}
.step-more{display:inline-block;margin-top:12px;font-size:.8rem;font-weight:700;color:var(--muted);transition:.2s}
.step-more:hover{color:var(--teal-dark)}
@media(max-width:860px){
}
@media(max-width:900px){
.why-wrap{grid-template-columns:1fr;gap:34px}
.why-ring,.why-dot{display:none}
.why-cards{grid-template-columns:1fr;padding:0}
.step-card.s1,.step-card.s2,.step-card.s3{grid-column:1;grid-row:auto;max-width:100%;margin:0}
}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.svc-card{background:var(--paper-2);border:1px solid var(--line);border-radius:22px;padding:30px 26px;transition:.25s;display:flex;flex-direction:column;
box-shadow:var(--shadow-sm)}
.svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(0,151,109,.4)}
.svc-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;
background:var(--teal-soft);color:var(--teal-dark)}
.svc-ic svg{width:26px;height:26px}
.svc-card.blue .svc-ic{background:var(--amber-soft);color:var(--amber-dark)}
.svc-card h4{font-size:1.06rem;font-weight:800;margin-bottom:6px}
.svc-card p{color:var(--muted);font-size:.9rem;flex:1}
.svc-tag{margin-top:14px;font-size:.76rem;font-weight:700;color:var(--teal-dark);background:var(--teal-soft);align-self:flex-start;padding:4px 11px;border-radius:100px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}
.blog-card{background:var(--paper-2);border:1px solid var(--line);border-radius:20px;transition:.25s;
display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);height:100%}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(0,144,220,.4)}
.blog-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;
background:linear-gradient(135deg,var(--teal-soft),var(--amber-soft));flex:0 0 auto}
.blog-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}
.blog-card:hover .blog-thumb img{transform:scale(1.06)}
.blog-thumb-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
color:var(--teal-dark);opacity:.3}
.blog-thumb-ph svg{width:40px;height:40px;flex:0 0 auto}
.blog-cat{position:absolute;inset-inline-start:12px;inset-block-start:12px;background:rgba(255,255,255,.94);
color:var(--teal-dark);font-size:.72rem;font-weight:800;padding:5px 12px;border-radius:100px;
backdrop-filter:blur(4px);box-shadow:0 4px 14px -8px rgba(21,39,62,.5)}
.blog-body{display:flex;flex-direction:column;flex:1;padding:18px 22px 22px}
.blog-date{display:block;font-size:.76rem;color:var(--muted);margin-bottom:8px}
.blog-card h4,.blog-card h3{font-size:1.04rem;font-weight:800;margin-bottom:8px;line-height:1.6}
.blog-card p{color:var(--muted);font-size:.88rem;line-height:1.9;flex:1;margin:0}
.blog-more{display:block;margin-top:14px;font-size:.84rem;font-weight:700;color:var(--teal-dark)}
@media(max-width:600px){.blog-grid{gap:18px}.blog-body{padding:16px 18px 18px}}
.article{max-width:760px;margin:0 auto;padding:56px 0 20px}
.article h1{font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:900;line-height:1.5;margin-bottom:12px}
.article .meta{font-size:.85rem;color:var(--muted);margin-bottom:26px}
.article .body{font-size:1.03rem;line-height:2.05}
.article .body p{margin-bottom:18px}
.article .body h2{font-size:1.5rem;font-weight:800;margin:38px 0 14px;padding-inline-start:14px;border-inline-start:5px solid var(--teal);line-height:1.6;scroll-margin-top:90px}
.article .body h3{font-size:1.18rem;font-weight:800;margin:26px 0 10px;color:var(--teal-dark)}
.article .body ul,.article .body ol{margin:0 0 20px;padding-inline-start:8px;list-style:none}
.article .body ul li{position:relative;padding-inline-start:26px;margin-bottom:10px}
.article .body ul li::before{content:"";position:absolute;inset-inline-start:6px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.article .body ol{counter-reset:n}
.article .body ol li{position:relative;padding-inline-start:36px;margin-bottom:10px;counter-increment:n}
.article .body ol li::before{content:counter(n);position:absolute;inset-inline-start:0;top:4px;width:24px;height:24px;border-radius:8px;
background:var(--teal-soft);color:var(--teal-dark);font-size:.78rem;font-weight:800;display:grid;place-items:center}
.article .body blockquote{margin:24px 0;padding:18px 22px;background:var(--teal-soft);border-inline-start:5px solid var(--teal);
border-radius:0 14px 14px 0;font-weight:600;color:var(--teal-dark)}
.article .body a{color:var(--amber-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.article .body figure{margin:26px 0}
.article .body figure img{width:100%;border-radius:18px;display:block;border:1px solid var(--line)}
.article .body figcaption{text-align:center;font-size:.8rem;color:var(--muted);margin-top:9px}
.article .body .note-box{display:flex;gap:12px;background:var(--amber-soft);border:1px solid var(--amber);border-radius:16px;padding:16px 18px;margin:24px 0}
.article .body .note-box span{font-size:1.2rem;flex-shrink:0}
.article .body .note-box div{font-size:.94rem;line-height:1.9}
.article .body .art-cta{text-align:center;margin:32px 0}
.article .body .art-hr{border:none;height:1px;background:var(--line);margin:32px 0}
.article .body .art-tablewrap{overflow-x:auto;margin:26px 0;border:1px solid var(--line);
border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch}
.article .body .art-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:340px}
.article .body .art-table th{background:var(--ink);color:#fff;font-weight:700;font-size:.82rem;
padding:12px 14px;text-align:right;white-space:nowrap}
.article .body .art-table td{padding:11px 14px;text-align:right;border-top:1px solid var(--line);
font-variant-numeric:tabular-nums}
.article .body .art-table tbody tr:nth-child(even) td{background:var(--paper-2)}
.article .body .art-table tbody tr:hover td{background:var(--teal-soft)}
.article .body .art-table td:first-child{font-weight:600}
.art-cat{display:inline-block;background:var(--teal-soft);color:var(--teal-dark);font-size:.76rem;font-weight:800;padding:5px 14px;border-radius:100px;margin-bottom:12px}
.art-hero{width:100%;height:auto;aspect-ratio:2.2/1;object-fit:cover;object-position:center;
border-radius:20px;margin-bottom:26px;display:block;border:1px solid var(--line);background:var(--teal-soft)}
@media(max-width:600px){.art-hero{aspect-ratio:16/11}}
.toc{background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin-bottom:30px}
.toc b{display:block;font-size:.92rem;margin-bottom:10px}
.toc ol{list-style:none;counter-reset:t}
.toc li{counter-increment:t;padding:5px 0;font-size:.9rem}
.toc li::before{content:counter(t) ". ";color:var(--teal);font-weight:800}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--teal-dark)}
.back-home{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:var(--teal-dark);margin-bottom:24px}
.empty-blog{color:var(--muted);background:var(--paper-2);border:1px dashed var(--line);border-radius:18px;padding:38px;text-align:center}
.newsbar{background:var(--ink);color:#fff;text-align:center;font-size:.85rem;padding:9px 16px;font-weight:600}
.newsbar a{color:var(--amber);text-decoration:underline}
.cd-wrap{background:linear-gradient(140deg,var(--ink),var(--ink-2));border-radius:26px;padding:36px;text-align:center;color:#fff;box-shadow:var(--shadow)}
.cd-wrap h2{font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:800;margin-bottom:20px}
.cd-nums{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.cd-cell{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px 8px;min-width:82px}
.cd-cell b{display:block;font-size:2rem;font-weight:900;color:var(--amber);line-height:1.2}
.cd-cell span{font-size:.75rem;color:#fff}
.cd-note{margin-top:16px;font-size:.88rem;color:#fff}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;align-items:stretch}
.plan{background:var(--paper-2);border:1px solid var(--line);border-radius:22px;overflow:hidden;
display:flex;flex-direction:column;transition:.25s;position:relative}
.plan:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(0,151,109,.4)}
.plan.hot{border-color:var(--teal);box-shadow:var(--shadow)}
.p-media{position:relative;display:block;aspect-ratio:2.4/1;overflow:hidden;background:var(--teal-soft)}
.p-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}
.plan:hover .p-media img{transform:scale(1.05)}
.p-media-ph{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;
background:linear-gradient(135deg,var(--teal-soft),#fff 60%,var(--amber-soft))}
.p-media-ph b{font-size:1.15rem;font-weight:900;color:var(--teal-dark);opacity:.75}
.p-cat{position:absolute;top:12px;inset-inline-end:12px;background:#fff;color:var(--ink);
font-size:.68rem;font-weight:800;padding:5px 12px;border-radius:100px;backdrop-filter:blur(4px)}
.p-hot{position:absolute;top:13px;inset-inline-start:13px;z-index:2;
background:var(--grad-brand);color:#fff;display:flex;align-items:center;gap:5px;
font-size:.7rem;font-weight:800;padding:6px 14px 6px 12px;border-radius:100px;
box-shadow:0 10px 24px -10px rgba(0,151,109,.85);
animation:v2floatysm 4s ease-in-out infinite}
.p-hot::before{content:"✦";font-size:.85em}
.p-cart{position:absolute;bottom:-18px;inset-inline-start:18px;width:44px;height:44px;border-radius:50%;
background:var(--teal);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px -8px rgba(0,151,109,.9);
transition:.25s;z-index:2}
.p-cart svg{width:21px;height:21px}
.plan:hover .p-cart{transform:scale(1.1) rotate(-6deg);background:var(--teal-dark)}
.p-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.plan h4,.plan h3{font-size:1.05rem;font-weight:800;line-height:1.6;margin-bottom:5px}
.plan h4 a,.plan h3 a{color:inherit;transition:.2s}
.plan h4 a:hover,.plan h3 a:hover{color:var(--teal-dark)}
.plan .pdesc{color:var(--muted);font-size:.83rem;line-height:1.7;margin:0}
.p-feat{list-style:none;margin:12px 0 0;padding:0}
.p-feat li{font-size:.81rem;color:var(--muted);padding:3px 0;padding-inline-start:24px;position:relative;line-height:1.65}
.p-feat li::before{content:"";position:absolute;inset-inline-start:0;top:10px;width:15px;height:15px;border-radius:50%;background:var(--teal-soft)}
.p-feat li::after{content:"";position:absolute;inset-inline-start:4.5px;top:13.5px;width:5px;height:2.5px;
border-left:2px solid var(--teal-dark);border-bottom:2px solid var(--teal-dark);transform:rotate(-45deg)}
.p-feat .p-more{color:var(--teal-dark);font-weight:700;font-size:.78rem;padding-inline-start:0}
.p-feat .p-more::before,.p-feat .p-more::after{display:none}
.p-foot{margin-top:auto;padding-top:16px}
@keyframes ppShine{0%{transform:translateX(-120%) skewX(-12deg)}100%{transform:translateX(220%) skewX(-12deg)}}
@keyframes ppBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
.p-price{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;
justify-content:space-between;flex-wrap:wrap;gap:10px 14px;
padding:16px 18px;margin-bottom:12px;border:none;border-radius:18px;
background:linear-gradient(135deg,var(--teal-soft),rgba(0,144,220,.1) 140%);
box-shadow:0 0 0 1px rgba(0,151,109,.2),0 12px 30px -18px rgba(0,151,109,.6);
animation:ppBreathe 3.2s ease-in-out infinite}
.p-price::after{content:"";position:absolute;inset:0;width:36%;z-index:0;pointer-events:none;
background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
animation:ppShine 3.6s ease-in-out infinite}
.p-price>*{position:relative;z-index:1}
.pp-row{display:flex;align-items:baseline;gap:7px;line-height:1.1}
.pp-row b{font-size:3rem;font-weight:900;line-height:1;
background-image:linear-gradient(120deg,var(--teal-dark),var(--amber-dark) 150%);
-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-row .pp-ask{font-size:1.05rem;background:none;-webkit-text-fill-color:initial;color:var(--muted)}
.pp-row span{font-size:.88rem;font-weight:700;color:var(--muted)}
@keyframes ppOldPulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes ppBadgeSweep{0%{transform:translateX(-120%) skewX(-12deg)}100%{transform:translateX(320%) skewX(-12deg)}}
.pp-old{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 14px;border-radius:100px;
background:linear-gradient(120deg,rgba(239,68,68,.14),rgba(239,68,68,.05));
border:1px solid rgba(239,68,68,.28)}
.pp-old s{font-size:1.4rem;font-weight:800;color:#dc2626;text-decoration-thickness:2.5px;
animation:ppOldPulse 1.8s ease-in-out infinite}
.pp-old em{font-style:normal;font-size:.8rem;font-weight:800;color:#fff;display:inline-flex;align-items:center;gap:4px;
position:relative;overflow:hidden;isolation:isolate;
background:linear-gradient(120deg,var(--amber),var(--amber-dark));
padding:6px 13px;border-radius:100px;box-shadow:0 8px 18px -8px rgba(0,144,220,.8)}
.pp-old em::before{content:"🏷";font-size:.9em}
.pp-old em::after{content:"";position:absolute;inset:0;width:40%;z-index:-1;pointer-events:none;
background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);
animation:ppBadgeSweep 2.6s ease-in-out infinite}
@media(max-width:420px){.pp-row b{font-size:2.5rem}.pp-old s{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){
.pp-old s,.p-price,.p-price::after,.pp-old em{animation:none}
}
.p-btn{width:100%;justify-content:center}
.btn-ghost-dark{background:var(--ink);color:#fff}
.btn-ghost-dark:hover{background:var(--ink-2);transform:translateY(-2px)}
.major-search-box{max-width:460px;margin:0 auto 22px}
.major-search-inp{width:100%;padding:14px 18px;border:1.5px solid var(--line);border-radius:100px;
font-family:inherit;font-size:.95rem;font-weight:500;background:var(--paper-2);color:var(--ink);
text-align:center;transition:.2s;box-shadow:var(--shadow-sm)}
.major-search-inp:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,151,109,.14)}
.major-search-inp::placeholder{color:var(--muted)}
.cat-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px;justify-content:center}
.chip{padding:9px 20px;border-radius:100px;border:1.5px solid var(--line);background:var(--paper-2);
font-family:inherit;font-weight:700;font-size:.88rem;color:var(--muted);cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--teal);color:var(--teal-dark)}
.chip.on{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:var(--shadow-sm)}
.cat-group{margin-bottom:42px}
.cat-title{font-size:1.2rem;font-weight:800;margin-bottom:18px;display:flex;align-items:center;gap:12px}
.cat-title::before{content:"";width:5px;height:22px;border-radius:100px;background:var(--teal);flex-shrink:0}
.cat-title span{font-size:.74rem;font-weight:600;color:var(--muted);background:var(--teal-soft);padding:3px 11px;border-radius:100px}
.card-box{background:var(--paper-2);border:1px solid var(--line);border-radius:22px;padding:30px 28px;
box-shadow:var(--shadow-sm);margin-bottom:22px}
.tp-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.tp-mediabox{padding:0;overflow:hidden}
.tp-mediabox img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.tp-head{padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.tp-title{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:900;line-height:1.55;margin:10px 0 10px}
.tp-lead{font-size:1.02rem;color:var(--muted);line-height:1.95;max-width:54ch;margin-inline:auto}
.course-list{list-style:none;margin:0}
.course-list li{font-size:.88rem;color:var(--ink);padding:10px 0;padding-inline-start:20px;position:relative;line-height:1.85;border-bottom:1px dashed var(--line)}
.course-list li:last-child{border-bottom:none}
.course-list li::before{content:"";position:absolute;inset-inline-start:0;top:18px;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.side-h{font-size:.92rem;font-weight:800;margin-bottom:16px;padding-bottom:12px;
border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}
.side-h::before{content:"";width:4px;height:15px;border-radius:100px;background:var(--teal);flex-shrink:0}
.tp-box{border:1.5px solid var(--teal);box-shadow:var(--shadow);text-align:center}
.tp-hot{display:inline-block;background:var(--teal);color:#fff;font-size:.72rem;font-weight:800;
padding:5px 15px;border-radius:100px;margin-bottom:14px}
.tp-plabel{font-size:.78rem;color:var(--muted);margin-bottom:6px}
.tp-prow{display:flex;align-items:baseline;justify-content:center;gap:7px;line-height:1.2}
.tp-prow b{font-size:2rem;font-weight:900;color:var(--teal-dark)}
.tp-prow span{font-size:.88rem;font-weight:600;color:var(--muted)}
.tp-old{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px}
.tp-old s{font-size:.88rem;color:var(--muted)}
.tp-old em{font-style:normal;font-size:.66rem;font-weight:800;color:var(--amber-dark);
background:var(--amber-soft);padding:3px 9px;border-radius:100px}
.tp-buy{width:100%;justify-content:center;font-size:1rem;padding:15px;margin-top:20px}
.tp-note{font-size:.73rem;color:var(--muted);margin-top:12px;line-height:1.8}
.tp-feat{list-style:none;margin:0}
.tp-feat li{font-size:.88rem;color:var(--ink);padding:8px 0;padding-inline-start:28px;position:relative;line-height:1.85}
.tp-feat li::before{content:"";position:absolute;inset-inline-start:0;top:12px;width:18px;height:18px;
border-radius:50%;background:var(--teal-soft)}
.tp-feat li::after{content:"";position:absolute;inset-inline-start:6px;top:16px;width:6px;height:3px;
border-left:2px solid var(--teal-dark);border-bottom:2px solid var(--teal-dark);transform:rotate(-45deg)}
.meta-list{list-style:none;margin:0 0 16px}
.meta-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:11px 0;border-bottom:1px dashed var(--line);font-size:.85rem}
.meta-list li:last-child{border-bottom:none}
.meta-list span{color:var(--muted)}
.meta-list b{font-weight:700}
.short-link{display:flex;gap:7px}
.short-link input{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;
font-family:inherit;font-size:.72rem;color:var(--muted);background:var(--paper);direction:ltr;text-align:left}
.short-link button{padding:9px 14px;border-radius:10px;background:var(--ink);color:#fff;border:none;
font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;flex-shrink:0}
.short-link button:hover{background:var(--ink-2)}
.share-row{display:flex;gap:8px;flex-wrap:wrap}
.sh{flex:1;min-width:88px;text-align:center;padding:10px;border-radius:11px;font-size:.8rem;font-weight:700;
border:1px solid var(--line);background:var(--paper-2);cursor:pointer;font-family:inherit;transition:.2s}
.sh.tg{color:#229ED9}.sh.wa{color:#25D366}.sh.cp{color:var(--muted)}
.sh:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.teacher-box{text-align:center}
.t-photo{width:82px;height:82px;border-radius:50%;object-fit:cover;object-position:center 12%;
border:3px solid var(--teal);margin:0 auto 12px;display:block}
.t-name{font-weight:800;font-size:1rem;margin-bottom:4px}
.t-role{font-size:.78rem;color:var(--muted);line-height:1.8;margin-bottom:16px}
.btn-line-teal{background:transparent;color:var(--teal-dark);border:1.5px solid var(--teal);width:100%;justify-content:center;padding:10px}
.btn-line-teal:hover{background:var(--teal);color:#fff}
.tp-help{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.tp-help b{font-size:1rem;display:block}
.tp-help p{font-size:.9rem;color:var(--muted);margin-top:5px;line-height:1.8;max-width:46ch}
.tp-help .btn{margin-inline-start:auto}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.rel-card{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s;background:var(--paper-2)}
.rel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--teal)}
.rel-img{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--teal-soft),var(--amber-soft))}
.rel-img img{width:100%;height:100%;object-fit:cover;display:block}
.rel-t{display:block;padding:11px 12px 4px;font-size:.85rem;font-weight:700;line-height:1.6}
.rel-p{display:block;padding:0 12px 12px;font-size:.82rem;font-weight:800;color:var(--teal-dark)}
.rel-p i{font-style:normal;font-size:.68rem;font-weight:600;color:var(--muted)}
@media(max-width:980px){
.tp-grid{grid-template-columns:1fr;gap:0}
.tp-side{order:1}
.card-box{padding:24px 20px}
}
.tst-wrap{position:relative;padding:0 8px}
.tst-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
padding:10px 4px 22px;scrollbar-width:none;-ms-overflow-style:none}
.tst-track::-webkit-scrollbar{display:none}
.tst{flex:0 0 340px;max-width:86vw;scroll-snap-align:center;background:var(--paper-2);border:1px solid var(--line);
border-radius:24px;padding:28px 24px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
align-items:center;text-align:center;transition:.25s}
.tst:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.tst .av{width:88px;height:88px;border-radius:50%;background:linear-gradient(145deg,var(--teal-soft),#fff);
color:var(--teal-dark);display:grid;place-items:center;font-weight:900;font-size:2rem;flex-shrink:0;
border:3px solid var(--teal);overflow:hidden;margin-bottom:14px;box-shadow:0 8px 20px -10px rgba(0,151,109,.7)}
.tst .av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.tst .nm{font-weight:800;font-size:1.06rem;color:var(--teal-dark);margin-bottom:3px}
.tst .rl{font-size:.78rem;color:var(--muted);margin-bottom:16px}
.tst .quote{font-size:.92rem;line-height:2.05;color:var(--ink);text-align:right;width:100%;
max-height:190px;overflow-y:auto;padding-inline-end:8px;border-top:1px solid var(--line);padding-top:16px}
.tst .quote::-webkit-scrollbar{width:5px}
.tst .quote::-webkit-scrollbar-thumb{background:rgba(10,26,47,.2);border-radius:10px}
.tst .quote::-webkit-scrollbar-track{background:transparent}
.tst .shot{width:100%;border-radius:16px;margin-top:14px;display:block;border:1px solid var(--line)}
.tst-arrow{position:absolute;top:45%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;
background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;
display:grid;place-items:center;color:var(--ink);transition:.2s}
.tst-arrow:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.tst-arrow svg{width:20px;height:20px}
.tst-arrow.prev{right:-14px}
.tst-arrow.next{left:-14px}
.tst-dots{display:flex;justify-content:center;gap:7px;margin-top:4px}
.tst-dots i{width:7px;height:7px;border-radius:50%;background:rgba(10,26,47,.2);transition:.25s;cursor:pointer;display:block}
.tst-dots i.on{background:var(--teal);width:22px;border-radius:100px}
@media(max-width:900px){.tst-arrow{display:none}.tst-wrap{padding:0}}
.faq-list{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto}
.faq-item{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}
.faq-item[open]{border-color:var(--teal);box-shadow:var(--shadow-sm)}
.faq-item summary{padding:18px 22px;font-weight:700;font-size:.98rem;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:"+";color:var(--teal);font-weight:900;font-size:1.2rem;flex-shrink:0}
.faq-item[open] summary::before{content:"\2212"}
.faq-item .ans{padding:0 22px 20px 22px;color:var(--muted);font-size:.92rem;line-height:1.95}
.faq-item .ans p{margin-bottom:10px}
.cblock .wrap{max-width:860px}
.cblock h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin-bottom:14px;letter-spacing:-.3px}
.cblock .ctext{font-size:1.02rem;line-height:2.05;color:var(--muted)}
.cblock .ctext p{margin-bottom:16px}
.cblock.boxed .inner{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:var(--shadow-sm)}
.cblock.dark{background:var(--ink);color:#fff}
.cblock.dark .ctext{color:#fff}
.ed-x{outline:2px dashed rgba(0,144,220,.55);outline-offset:3px;border-radius:4px;cursor:text;transition:.15s;min-width:12px;display:inline-block}
.ed-x:hover{background:rgba(0,144,220,.12);outline-color:var(--blue,#0098E3)}
.ed-x:focus{outline:2px solid #0098E3;background:rgba(0,144,220,.08)}
.ed-bar{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--ink);color:#fff;
display:flex;align-items:center;gap:12px;padding:11px 18px;box-shadow:0 -8px 30px -14px rgba(0,0,0,.6);flex-wrap:wrap}
.ed-bar .t{font-weight:800;font-size:.9rem}
.ed-bar .h{font-size:.8rem;color:#fff;flex:1;min-width:150px}
.ed-bar button,.ed-bar a{padding:9px 18px;border-radius:10px;font-family:inherit;font-weight:700;font-size:.85rem;
border:none;cursor:pointer;text-decoration:none}
.ed-save{background:var(--teal);color:#fff}
.ed-save:hover{background:var(--teal-dark)}
.ed-exit{background:rgba(255,255,255,.14);color:#fff}
body.ed-on{padding-bottom:62px}
.svc-card.blue .svc-tag{color:var(--amber-dark);background:var(--amber-soft)}
.offer{background:linear-gradient(120deg,var(--amber-soft),#fff);border:1px solid var(--amber);border-radius:24px;padding:36px 40px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}
.offer .big-off{font-size:3.2rem;font-weight:900;color:var(--amber-dark);line-height:1;flex-shrink:0}
.offer .otxt h3{font-size:1.35rem;font-weight:800;margin-bottom:6px}
.offer .otxt p{color:var(--muted)}
.offer .btn{margin-inline-start:auto}
.btn-amber{background:var(--amber-dark);color:#fff}
.btn-amber:hover{filter:brightness(1.08);transform:translateY(-2px)}
.mbti-promo{position:relative;background:linear-gradient(140deg,var(--ink),var(--ink-2));border-radius:28px;
padding:46px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;overflow:hidden;box-shadow:var(--shadow)}
.mbti-promo-txt h2{color:#fff;font-size:clamp(1.5rem,3vw,2.05rem);font-weight:900;line-height:1.55;margin-bottom:12px}
.mbti-promo-txt p{color:#fff;font-size:.98rem;line-height:1.95;max-width:48ch;margin-bottom:24px;
text-align:justify;text-justify:inter-word;hyphens:none}
.mbti-promo-vis{position:relative;height:220px}
.mtile{position:absolute;width:82px;height:82px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;
font-weight:900;font-size:1.4rem;color:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.mtile small{font-size:.8rem;font-weight:700;opacity:.75;margin-top:2px}
.mtile.t1{top:4%;inset-inline-start:8%;background:linear-gradient(135deg,var(--teal),var(--teal-dark));transform:rotate(-8deg)}
.mtile.t2{top:0;inset-inline-end:4%;background:linear-gradient(135deg,var(--amber),var(--amber-dark));transform:rotate(6deg)}
.mtile.t3{bottom:6%;inset-inline-start:0;background:linear-gradient(135deg,#f2b84b,#d9932a);transform:rotate(5deg)}
.mtile.t4{bottom:0;inset-inline-end:10%;background:linear-gradient(135deg,#8b7ff0,#5a48d6);transform:rotate(-6deg)}
@media(max-width:900px){
.mbti-promo{grid-template-columns:1fr;padding:32px 24px;text-align:center}
.mbti-promo-txt p{margin-inline:auto}
.mbti-promo-vis{display:none}
}
footer{background:var(--ink);color:#fff;padding:54px 0 30px;margin-top:20px}
.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.foot-brand{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:14px}
.foot-brand .logo{width:38px;height:38px}
footer p{font-size:.88rem;max-width:38ch}
.foot-links{display:flex;gap:44px;flex-wrap:wrap}
.foot-col strong{display:block;color:#fff;font-size:.92rem;margin-bottom:12px}
.foot-col a{display:block;font-size:.86rem;margin-bottom:8px;color:#fff;transition:.2s}
.foot-col a:hover{color:#fff}
.plans-intro{max-width:820px;margin:0 auto 44px;text-align:center}
.plans-intro h2{font-size:1.5rem;font-weight:900;line-height:1.8;margin-bottom:16px;color:var(--ink)}
.plans-intro p{font-size:.97rem;line-height:2.2;color:var(--muted);margin-bottom:14px}
.plans-intro-2{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.plans-intro-2 h3{font-size:1.15rem;font-weight:800;margin-bottom:10px;color:var(--teal-d)}
.plans-intro-2 p{margin-bottom:0}
@media(max-width:600px){.plans-intro h2{font-size:1.18rem}.plans-intro{margin-bottom:32px}}
.why-block{margin-top:56px}
.why-h{font-size:1.45rem;font-weight:900;text-align:center;margin-bottom:26px;color:var(--ink)}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.why-item{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);
border-radius:18px;padding:20px;box-shadow:0 12px 34px -26px rgba(21,39,62,.5);transition:.2s}
.why-item:hover{transform:translateY(-3px);border-color:var(--teal)}
.why-tick{flex-shrink:0;width:30px;height:30px;border-radius:10px;background:var(--teal-s);color:var(--teal-d);
display:flex;align-items:center;justify-content:center}
.why-tick svg{width:17px;height:17px}
.why-item strong{display:block;font-size:.98rem;font-weight:800;margin-bottom:6px;color:var(--ink)}
.why-item p{font-size:.87rem;line-height:2;color:var(--muted);margin:0}
.plans-cta{margin-top:52px;text-align:center;background:linear-gradient(135deg,var(--teal-s),var(--blue-s));
border:1px solid var(--line);border-radius:22px;padding:38px 26px}
.plans-cta h3{font-size:1.3rem;font-weight:900;margin-bottom:10px;color:var(--ink)}
.plans-cta p{font-size:.94rem;line-height:2.1;color:var(--muted);max-width:600px;margin:0 auto 22px}
@media(max-width:600px){.why-h{font-size:1.2rem}.plans-cta{padding:28px 18px}.plans-cta h3{font-size:1.1rem}}
.foot-trust{display:flex;justify-content:flex-end;margin-top:34px}
.foot-trust a{display:inline-flex;align-items:center;justify-content:center;background:#fff;
border-radius:14px;padding:8px;line-height:0;transition:.2s;box-shadow:0 8px 24px -14px rgba(0,0,0,.5)}
.foot-trust a:hover{transform:translateY(-2px)}
.foot-trust img{display:block;max-width:125px;width:100%;height:auto;border-radius:8px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:20px;font-size:.8rem;color:#fff;text-align:center}
.overlay{position:fixed;inset:0;z-index:100;background:rgba(14,30,61,.55);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:32px 18px;overflow-y:auto}
.overlay.open{display:flex}
.wizard{width:100%;max-width:640px;background:var(--paper-2);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;animation:pop .4s cubic-bezier(.2,.9,.25,1)}
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.wiz-head{background:var(--ink);color:#fff;padding:22px 26px;display:flex;align-items:center;justify-content:space-between}
.wiz-head .wt{display:flex;align-items:center;gap:12px;font-weight:800}
.wiz-head .logo{width:36px;height:36px}
.wiz-close{background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:10px;font-size:1.1rem;display:grid;place-items:center;transition:.2s}
.wiz-close:hover{background:rgba(255,255,255,.22)}
.stepbar{display:flex;gap:6px;padding:26px 30px 0}
.stepbar .sp{flex:1;height:5px;border-radius:100px;background:var(--line);transition:.4s}
.stepbar .sp.done{background:var(--teal)}
.stepbar .sp.now{background:var(--amber)}
.wiz-body{padding:30px 30px 34px}
.step{display:none;animation:fade .35s ease}
.step.active{display:block}
@keyframes fade{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.step h3,.step h2{font-size:1.35rem;font-weight:800;margin-bottom:4px;font-family:var(--font-body);letter-spacing:normal}
.step .sub{color:var(--muted);font-size:.95rem;margin-bottom:24px}
label.fld{display:block;margin-bottom:18px}
label.fld .lb{display:block;font-size:.88rem;font-weight:600;margin-bottom:8px}
.inp{width:100%;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper-2);font-family:inherit;font-size:1rem;color:var(--ink);transition:.2s;text-align:right}
.inp:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,96,63,.12)}
.inp::placeholder{color:#8E9DB8}
select.inp{cursor:pointer;background-image:none}
.inp.err{border-color:var(--danger);box-shadow:0 0 0 4px rgba(192,73,47,.1)}
.field-err{color:var(--danger);font-size:.8rem;margin-top:6px;display:none}
.field-err.show{display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hesab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
@media(max-width:640px){.hesab-grid{grid-template-columns:1fr}}
.hesab-shell{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;padding:36px 0 64px}
.hesab-side{text-align:center}
.hesab-avatar{width:74px;height:74px;border-radius:50%;background:var(--teal);color:#fff;
display:grid;place-items:center;font-weight:800;font-size:1.8rem;margin:0 auto 14px}
.hesab-uname{font-weight:800;font-size:1.05rem;margin-bottom:4px}
.hesab-uphone{font-size:.82rem;color:var(--muted);margin-bottom:22px;direction:ltr}
.hesab-nav{display:flex;flex-direction:column;gap:6px;text-align:right}
.hesab-nav a{display:block;padding:11px 14px;border-radius:12px;font-size:.9rem;font-weight:600;
color:var(--ink);transition:.2s}
.hesab-nav a:hover{background:var(--paper)}
.hesab-nav a.on{background:var(--teal-soft);color:var(--teal-dark)}
.hesab-exit{color:var(--danger)!important;margin-top:10px;border-top:1px solid var(--line);padding-top:16px!important}
.hesab-main{min-width:0}
.hesab-tile{display:block;text-decoration:none;transition:.2s;cursor:pointer}
.hesab-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--teal)}
.hesab-more{display:inline-block;margin-top:6px;font-size:.84rem;font-weight:700;color:var(--teal-dark)}
@media(max-width:820px){
.hesab-shell{grid-template-columns:1fr}
.hesab-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}
.hesab-nav a{flex:1;min-width:120px;text-align:center}
}
.wiz-foot{display:flex;gap:12px;margin-top:8px}
.wiz-foot .btn{flex:1}
.btn-back{background:transparent;color:var(--muted);border:1.5px solid var(--line);flex:0 0 auto!important;padding-inline:20px}
.btn-back:hover{background:rgba(14,30,61,.04)}
.sms-demo{background:var(--amber-soft);border:1px dashed var(--amber);border-radius:14px;padding:14px 16px;margin-bottom:20px;font-size:.88rem;display:none;align-items:center;gap:12px}
.sms-demo.show{display:flex}
.sms-demo .ic{font-size:1.3rem}
.sms-demo b{color:var(--amber-dark);font-size:1.15rem;letter-spacing:2px}
.code-row{display:flex;gap:10px;direction:ltr;justify-content:center;margin:8px 0 4px}
.code-inp{width:54px;height:62px;text-align:center;font-size:1.6rem;font-weight:800;border:1.5px solid var(--line);border-radius:14px;background:var(--paper-2);transition:.2s}
.code-inp:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,96,63,.12)}
.resend{text-align:center;font-size:.85rem;color:var(--muted);margin-top:14px}
.resend a{color:var(--teal);font-weight:700;cursor:pointer}
.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.yesno-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.grp{padding:14px 8px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper-2);text-align:center;font-weight:700;font-size:.92rem;transition:.2s;color:var(--ink)}
.grp:hover{border-color:var(--teal)}
.grp.sel{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:var(--shadow-sm)}
.grp small{display:block;font-weight:400;font-size:.72rem;opacity:.75;margin-top:2px}
.sub-block{margin-bottom:24px}
.sub-block .bh{font-size:.95rem;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.sub-block .bh .pill{font-size:.7rem;font-weight:600;background:var(--teal-soft);color:var(--teal-dark);padding:2px 9px;border-radius:100px}
.sub-block .bhs{font-size:.8rem;color:var(--muted);margin-bottom:14px}
.rn-name{font-weight:500}
.wchip{display:inline-block;margin-inline-start:8px;font-size:.7rem;font-weight:700;color:var(--teal-dark);background:var(--teal-soft);padding:2px 9px;border-radius:100px;vertical-align:middle;white-space:nowrap}
.mode-toggle{display:flex;flex-wrap:wrap;gap:6px;background:rgba(10,26,47,.05);padding:5px;border-radius:14px;margin-bottom:20px}
.mode-toggle button{flex:1 1 30%;min-width:96px;padding:10px 6px;border-radius:10px;background:transparent;font-family:inherit;font-weight:700;font-size:.82rem;color:var(--muted);transition:.2s;cursor:pointer;border:none}
.mode-toggle button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}
.row-inp{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.row-inp .rn{flex:1 1 auto;min-width:0;font-size:.92rem}
.row-inp .rn small{color:var(--muted);font-size:.72rem;margin-inline-start:6px}
.mini-inp{flex:0 0 auto;width:96px;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;text-align:center;font-family:inherit;font-size:1rem;font-weight:700;background:var(--paper-2);transition:.2s}
@media(min-width:861px){ .mini-inp{font-size:.95rem} }
.mini-inp:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,96,63,.12)}
.mini-suffix{flex:0 0 auto;font-size:.78rem;color:var(--muted);width:22px;text-align:center}
.avg-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;
margin-top:34px;padding:28px 22px 26px;border-radius:28px;
background:linear-gradient(150deg,#0A1A2F 0%,#132D4C 50%,#0B3A45 100%);
box-shadow:0 26px 64px -30px rgba(10,26,47,.78), inset 0 1px 0 rgba(255,255,255,.08);
transition:padding .3s ease}
.avg-hero::before,.avg-hero::after{content:'';position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(8px)}
.avg-hero::before{inset-inline-start:-16%;top:-52%;width:290px;height:290px;
background:radial-gradient(circle,rgba(31,240,190,.24),transparent 68%)}
.avg-hero::after{inset-inline-end:-14%;bottom:-52%;width:260px;height:260px;
background:radial-gradient(circle,rgba(0,144,220,.24),transparent 68%)}
.ah-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ah-deco svg{position:absolute;inset-inline-end:-34px;top:-34px;width:158px;height:158px;opacity:.55;
animation:ahSpin 30s linear infinite}
.ah-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#1FF0BE;opacity:.65;
box-shadow:0 0 8px rgba(31,240,190,.9);animation:ahFloat 7s ease-in-out infinite}
.ah-dot.d1{inset-inline-start:12%;top:26%;animation-delay:-1.2s}
.ah-dot.d2{inset-inline-start:26%;bottom:18%;animation-delay:-3.4s;background:#4FC3F7;box-shadow:0 0 8px rgba(79,195,247,.9)}
.ah-dot.d3{inset-inline-end:16%;bottom:30%;animation-delay:-5.1s;background:#A78BFA;box-shadow:0 0 8px rgba(167,139,250,.9)}
.ah-empty{font-size:.84rem;line-height:2;color:#fff;padding:10px 8px;max-width:330px;margin-inline:auto}
.avg-hero.on .ah-empty{display:none}
.avg-hero:not(.on) .ah-body{display:none}
.avg-hero:not(.on){padding:20px 22px}
.ah-gauge{position:relative;width:150px;height:150px;margin:2px auto 0}
.ah-gauge svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.ah-trk{fill:none;stroke:rgba(255,255,255,.06);stroke-width:9}
.ah-prg{fill:none;stroke:url(#ahGrad);stroke-width:9;stroke-linecap:round;
stroke-dasharray:326.73;stroke-dashoffset:326.73;
transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1);
filter:drop-shadow(0 0 10px rgba(31,240,190,.45))}
.ah-gauge::before{content:'';position:absolute;inset:17px;border-radius:50%;pointer-events:none;
background:radial-gradient(circle at 50% 42%,rgba(31,240,190,.13),rgba(10,26,47,0) 72%)}
.ah-gv{position:absolute;inset:0;display:grid;place-content:center;gap:1px}
.ah-gv b{font-size:2.1rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px;
text-shadow:0 2px 18px rgba(31,240,190,.35)}
.ah-gv small{font-size:.66rem;font-weight:600;color:#fff}
.ah-lbl{margin-top:10px;font-size:.8rem;font-weight:800;color:#7BF7D8;letter-spacing:.2px}
.ah-sep{display:block;position:relative;height:1px;max-width:220px;margin:20px auto 18px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}
.ah-sep::after{content:'';position:absolute;top:50%;inset-inline-start:50%;width:7px;height:7px;
margin-top:-3.5px;margin-inline-start:-3.5px;transform:rotate(45deg);background:#1FF0BE;
box-shadow:0 0 12px rgba(31,240,190,.85)}
.ah-taraz{position:relative}
.ah-taraz::before{content:'';position:absolute;top:20px;inset-inline-start:50%;transform:translateX(50%);
width:260px;height:74px;pointer-events:none;filter:blur(17px);
background:radial-gradient(ellipse,rgba(79,195,247,.42),transparent 70%);
animation:ahGlow 3.6s ease-in-out infinite}
.ah-tl{display:block;font-size:.78rem;font-weight:700;color:#fff;letter-spacing:.3px}
.ah-tv{display:block;font-size:4.3rem;font-weight:900;line-height:1.08;margin:2px 0 4px;letter-spacing:-2px;
background:linear-gradient(100deg,#7BF7D8,#4FC3F7 52%,#A78BFA);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.ah-tv.pop{animation:ahPop .55s cubic-bezier(.22,1.4,.36,1)}
.ah-bar{position:relative;height:9px;max-width:250px;margin:12px auto 0;border-radius:100px;
background:rgba(255,255,255,.11);overflow:hidden}
.ah-bar > i{display:block;height:100%;width:0;border-radius:100px;position:relative;overflow:hidden;
background:linear-gradient(90deg,#00976D,#1FF0BE 46%,#4FC3F7);
box-shadow:0 0 14px rgba(31,240,190,.45);
transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.ah-bar > i::after{content:'';position:absolute;inset:0;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
transform:translateX(-100%);animation:ahSweep 2.4s ease-in-out infinite}
.ah-tn{display:block;font-size:.73rem;line-height:1.9;color:#fff;margin-top:11px;
max-width:320px;margin-inline:auto}
@keyframes ahGlow{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes ahSpin{to{transform:rotate(360deg)}}
@keyframes ahFloat{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-13px);opacity:.9}}
@keyframes ahSweep{0%{transform:translateX(-100%)}58%,100%{transform:translateX(220%)}}
@keyframes ahPop{0%{transform:scale(.86);opacity:.4}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){
.ah-deco svg,.ah-dot,.ah-bar > i::after,.ah-taraz::before{animation:none}
.ah-prg,.ah-bar > i{transition:none}
.ah-tv.pop{animation:none}
}
@media(max-width:520px){
.avg-hero{margin-top:26px;padding:24px 14px 22px;border-radius:24px}
.ah-gauge{width:132px;height:132px}
.ah-gauge::before{inset:15px}
.ah-gv b{font-size:1.85rem}
.ah-tv{font-size:3.3rem;letter-spacing:-1.5px}
}
.avg-readout{margin-top:14px;padding:12px 16px;border-radius:14px;background:var(--paper-2);border:1.5px solid var(--line);text-align:center}
.avg-readout .ar-l{display:block;font-size:.78rem;font-weight:700;color:var(--muted)}
.avg-readout .ar-v{display:block;font-size:1.7rem;font-weight:900;color:var(--teal-dark);line-height:1.25}
.avg-readout .ar-n{display:block;font-size:.72rem;color:var(--muted)}
.result-hero{text-align:center;padding:6px 0 10px}
.tamin-result{display:none;opacity:0;transform:translateY(20px);
transition:opacity .55s cubic-bezier(.2,.8,.2,1), transform .55s cubic-bezier(.2,.8,.2,1);
margin-top:26px;padding-top:26px;border-top:1px dashed var(--line)}
.tamin-result.show{opacity:1;transform:none}
.tr-sep{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:18px}
.tr-sep i{flex:1;max-width:64px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--teal));display:block}
.tr-sep i:last-child{background:linear-gradient(270deg,transparent,var(--amber))}
.tr-sep span{font-size:.86rem;font-weight:800;color:var(--ink);white-space:nowrap}
.gauge{position:relative;width:190px;height:114px;margin:4px auto 0}
.gauge svg{width:100%;height:100%;overflow:visible}
.gauge .track{fill:none;stroke:rgba(14,30,61,.1);stroke-width:14;stroke-linecap:round}
.gauge .prog{fill:none;stroke:url(#gg);stroke-width:14;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}
.gauge .readout{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}
.gauge .readout .ric{font-size:1.7rem;line-height:1;animation:gicPulse 2.6s ease-in-out infinite}
@keyframes gicPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.16);opacity:1}}
.g-comet{fill:#fff;stroke:var(--teal);stroke-width:2;filter:drop-shadow(0 0 4px rgba(0,151,109,.65))}
.range-hero{position:relative;max-width:420px;margin:2px auto 0;padding:20px 22px 18px;border-radius:22px;
background:linear-gradient(175deg,#fff,var(--teal-soft) 140%) padding-box,
linear-gradient(120deg,var(--teal),var(--amber) 55%,#1FF0BE) border-box;
border:1.5px solid transparent;box-shadow:var(--shadow-sm)}
.rh-lbl{font-size:.82rem;font-weight:700;color:var(--muted);margin-bottom:10px}
.rh-nums{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.rh-n{font-size:1.9rem;font-weight:900;line-height:1;background:var(--grad-brand-r);-webkit-background-clip:text;background-clip:text;color:transparent}
.rh-to{flex:0 0 auto;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;
font-size:.76rem;font-weight:800;color:#fff;background:var(--grad-brand);padding:6px 14px;border-radius:100px;
box-shadow:var(--glow-teal);animation:rhPulse 2.4s ease-in-out infinite}
@keyframes rhPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.rh-note{font-size:.84rem;color:var(--muted);margin-top:12px}
.rh-note b{color:var(--teal-dark)}
.range-chip{max-width:420px;margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;gap:10px;
background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:9px 8px 9px 18px}
.rc-lbl{font-size:.8rem;font-weight:700;color:var(--muted);white-space:nowrap}
.rc-nums{display:flex;align-items:center;gap:6px;font-size:.92rem;font-weight:800;color:var(--teal-dark);
background:var(--paper-2);border-radius:100px;padding:6px 14px;white-space:nowrap}
.rc-nums i{font-style:normal;font-size:.72rem;color:var(--muted);font-weight:600}
.range-chip.solo{flex-direction:column;gap:8px;border-radius:22px;padding:18px 20px;background:var(--paper-2)}
.range-chip.solo .rc-lbl{font-size:.82rem}
.range-chip.solo .rc-nums{font-size:1.5rem;background:transparent;padding:0}
.range-chip.solo .rc-nums i{font-size:.8rem}
.taraz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 4px}
.tcard{position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:18px 8px 14px;
text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;overflow:hidden}
.tcard::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--grad-brand-r)}
.tcard .tl{font-size:.76rem;color:var(--muted)}
.tc-range{display:flex;align-items:baseline;justify-content:center;gap:4px;flex-wrap:wrap}
.tc-range b{font-size:1.16rem;font-weight:900;color:var(--ink);line-height:1.3}
.tc-range i{font-style:normal;color:var(--muted);font-size:.8rem}
.tcard small{font-size:.66rem;color:var(--muted)}
.tcard.total{background:linear-gradient(150deg,var(--teal-soft),#fff);border-color:var(--teal)}
.tcard.total .tc-range b{color:var(--teal-dark)}
@keyframes resultFlash{
0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,151,109,0)}
30%{transform:scale(1.035);box-shadow:0 0 0 8px rgba(0,151,109,.16)}
100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,151,109,0)}
}
.range-hero.flash,.range-chip.flash,.tcard.flash{animation:resultFlash .5s cubic-bezier(.2,.8,.2,1)}
.disclaimer{background:rgba(14,30,61,.04);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:.8rem;color:var(--muted);margin:18px 0}
@media(prefers-reduced-motion:reduce){
.gauge .readout .ric{animation:none}
.rh-to{animation:none}
.g-comet{animation:none;display:none}
.range-hero.flash,.range-chip.flash,.tcard.flash{animation:none}
.tamin-result{transform:none;transition:opacity .3s}
}
.offer-card{background:linear-gradient(125deg,var(--amber-soft),#fff);border:1.5px solid var(--amber);border-radius:18px;padding:22px;margin:18px 0;text-align:center}
.offer-card .oc-off{font-size:2.4rem;font-weight:900;color:var(--amber-dark);line-height:1}
.offer-card h4{font-size:1.05rem;font-weight:800;margin:6px 0 4px}
.offer-card p{font-size:.86rem;color:var(--muted)}
.track-box{background:var(--ink);color:#fff;border-radius:18px;padding:22px;text-align:center;margin-top:18px}
.track-box .tl{font-size:.82rem;color:#fff;margin-bottom:8px}
.track-code{font-size:1.7rem;font-weight:900;letter-spacing:4px;color:var(--amber);direction:ltr;margin-bottom:6px}
.track-box .th{font-size:.78rem;color:#BAC7E2}
.track-actions{display:flex;gap:10px;margin-top:16px}
.track-actions .btn{flex:1;font-size:.92rem;padding:11px}
.btn-line{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}
.btn-line:hover{background:rgba(255,255,255,.16)}
.mbti-intro{text-align:center;padding:10px 4px 4px}
.mbti-intro-ic{font-size:2.6rem;margin-bottom:10px}
.mbti-intro h3,.mbti-intro h2{font-size:1.25rem;font-weight:800;margin-bottom:8px;font-family:var(--font-body);letter-spacing:normal}
.qbar{height:6px;background:var(--line);border-radius:100px;margin-bottom:22px;overflow:hidden}
.qbar-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--amber));border-radius:100px;width:0;transition:width .35s ease}
.q-count{font-size:.8rem;font-weight:700;color:var(--muted);margin-bottom:8px}
.q-text{font-size:1.15rem;font-weight:800;line-height:1.7;margin-bottom:20px}
.q-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
.q-opt{text-align:right;padding:18px 20px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper);
font-family:inherit;font-size:.96rem;font-weight:600;color:var(--ink);line-height:1.8;cursor:pointer;transition:.2s}
@media (hover: hover) {
.q-opt:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-2px)}
}
.q-opt:active{border-color:var(--teal);background:var(--teal-soft)}
.q-opts3{display:flex;gap:10px;margin-bottom:8px}
.q-opt3{flex:1;text-align:center;padding:18px 8px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper);
font-family:inherit;font-size:.96rem;font-weight:700;color:var(--ink);cursor:pointer;transition:.2s}
@media (hover: hover) {
.q-opt3.yes:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-2px)}
.q-opt3.no:hover{border-color:#e0755a;background:#fdeee7;transform:translateY(-2px)}
.q-opt3.dk:hover{border-color:var(--line);background:var(--paper-2);transform:translateY(-2px)}
}
.q-opt3.yes:active{border-color:var(--teal);background:var(--teal-soft)}
.q-opt3.no:active{border-color:#e0755a;background:#fdeee7}
.q-opt3.dk:active{background:var(--paper-2)}
@media(max-width:480px){.q-opts3{flex-direction:column}}
.type-badge{text-align:center;margin-bottom:8px}
.type-letters{font-size:2.3rem;font-weight:900;letter-spacing:5px;color:var(--teal-dark);direction:ltr}
.type-name{font-size:1.1rem;font-weight:800;color:var(--ink);margin-top:4px}
.func-stack{text-align:center;font-size:.8rem;color:var(--muted);margin-top:8px}
.func-stack b{color:var(--teal-dark)}
.trait-bars{display:flex;flex-direction:column;gap:14px;margin:22px 0 8px}
.trait-lbl{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--muted);margin-bottom:6px}
.trait-lbl b{color:var(--ink)}
.trait-track{height:8px;border-radius:100px;background:var(--line);overflow:hidden}
.trait-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--teal),var(--amber));width:0;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.major-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}
.major-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.major-card h5,.major-card h3{font-size:.94rem;font-weight:800;color:var(--teal-dark);margin-bottom:6px;
display:flex;align-items:center;gap:8px}
.mi-cta{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);
font-size:.88rem;line-height:2;color:var(--muted)}
.mi-cta a{color:var(--teal-dark);font-weight:800;border-bottom:1.5px solid rgba(0,151,109,.35)}
.mi-cta a:hover{background:var(--teal-soft)}
.tz-h{font-size:1rem;font-weight:800;margin:22px 0 10px;color:var(--teal-dark)}
.tz-wrap{overflow-x:auto;border-radius:14px;box-shadow:var(--shadow-sm)}
.tz-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:460px}
.tz-table th,.tz-table td{padding:11px 10px;border-bottom:1px solid var(--line);
text-align:center;white-space:nowrap}
.tz-table th{background:var(--ink);color:#fff;font-weight:800;font-size:.76rem}
.tz-table tbody tr:nth-child(odd){background:var(--teal-soft)}
.tz-table tbody tr:last-child td{border-bottom:none}
.tz-table .tz-b{font-weight:800}
.tz-table .tz-n{color:var(--muted);font-size:.78rem}
@media(max-width:600px){.tz-table{font-size:.76rem}.tz-table th{font-size:.68rem}
.tz-table th,.tz-table td{padding:8px 6px}}
.saved-note{display:flex;align-items:flex-start;gap:11px;margin:22px 0 0;padding:14px 16px;
background:var(--teal-soft);border:1px solid rgba(0,151,109,.25);border-radius:16px}
.saved-note .sv-ic{flex:0 0 auto;font-size:1.1rem;line-height:1.6}
.saved-note .sv-tx{font-size:.87rem;line-height:2;color:var(--ink)}
.saved-note a{color:var(--teal-dark);font-weight:800;border-bottom:1.5px solid rgba(0,151,109,.4)}
.saved-note a:hover{background:#fff}
.fit-badge{margin-inline-start:auto;flex:0 0 auto;font-size:.7rem;font-weight:800;
padding:2px 9px;border-radius:100px;background:var(--teal-soft);color:var(--teal-dark);
border:1px solid rgba(0,151,109,.22)}
.major-card p{font-size:.82rem;color:var(--muted);line-height:1.8;margin:0}
.major-card-link{display:flex;flex-direction:column;transition:.2s}
.major-card-link:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-2px)}
.major-card-link p{flex:1}
.major-card-more{display:block;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:.78rem;font-weight:700;color:var(--teal-dark)}
.roghabat-box{margin-top:14px;background:var(--amber-soft);border:1px solid rgba(21,131,188,.2);border-radius:16px;padding:16px 18px}
.roghabat-box h5{font-size:.9rem;font-weight:800;color:var(--amber-dark);margin-bottom:6px}
.roghabat-box p{font-size:.86rem;color:var(--ink);line-height:1.85;margin:0 0 8px}
.roghabat-note{display:block;font-size:.74rem;color:var(--muted)}
.tier-h{font-size:.92rem;font-weight:800;margin:22px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--line);display:flex;align-items:center;gap:8px}
.tier-h small{font-weight:600;color:var(--muted);font-size:.76rem}
.func-code{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px}
.func-chip{background:var(--teal-soft);border-radius:16px;padding:10px 16px;text-align:center}
.func-chip b{display:block;font-size:1.25rem;font-weight:900;color:var(--teal-dark)}
.func-chip span{display:block;font-size:.74rem;color:var(--muted);margin-top:2px}
.func-chip.tag{min-width:0;padding:9px 15px;background:var(--teal-soft)}
.func-chip.tag b{font-size:.86rem;font-weight:700;color:var(--teal-dark)}
.func-chip.tag.warn{background:var(--amber-soft)}
.mbti-cta{text-align:center;background:var(--teal-soft);border-radius:18px;padding:22px 20px}
.mbti-cta p{font-weight:700;margin-bottom:12px;color:var(--teal-dark)}
.tmn-majors{margin-top:22px}
.tmn-majors-d{font-size:.87rem;line-height:2.1;color:var(--muted);margin-bottom:14px;text-align:center}
.tmn-majors-d b{color:var(--ink)}
.tmn-majors-l{display:grid;gap:9px;margin-bottom:14px}
.tmn-major{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:15px;
background:var(--paper);border:1.5px solid var(--line);text-decoration:none;transition:.2s}
.tmn-major:hover{border-color:var(--c)}
.tmn-major .tm-ic{font-size:1.4rem;line-height:1;flex:none}
.tmn-major .tm-tx{flex:1;min-width:0}
.tmn-major .tm-tx b{display:block;font-size:.95rem;font-weight:800;color:var(--ink);line-height:1.7}
.tmn-major .tm-tx i{display:block;font-style:normal;font-size:.79rem;color:var(--muted);margin-top:2px}
.tmn-major .tm-ch{flex:none;font-size:.76rem;font-weight:800;padding:4px 11px;border-radius:99px;
background:var(--c);color:#fff;white-space:nowrap}
.tmn-majors > .btn{width:100%;justify-content:center}
@media(max-width:520px){
.tmn-major{flex-wrap:wrap}
.tmn-major .tm-ch{width:100%;text-align:center}
}
.sx-cta-l{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.sx-cta-l .btn{flex:1;min-width:170px;justify-content:center}
@media(max-width:560px){.sx-cta-l .btn{width:100%;flex:none}}
.mbti-jobs{margin-top:18px;padding:18px 20px;border-radius:18px;
border:1.5px solid var(--line);background:var(--paper-2)}
.mbti-jobs h4,.mbti-jobs h3{margin:0 0 12px;font-size:1rem;font-weight:900;color:var(--ink)}
.mbti-jobs-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:9px}
.mbti-job{display:block;padding:12px 14px;border-radius:14px;background:var(--paper);
border:1.5px solid var(--line);text-decoration:none;transition:.2s}
.mbti-job:hover{border-color:var(--teal)}
.mbti-job b{display:block;font-size:.92rem;font-weight:800;color:var(--ink);line-height:1.7}
.mbti-job span{display:block;font-size:.8rem;color:var(--muted);margin-top:3px}
.mbti-jobs-d{margin:12px 0 0;font-size:.84rem;line-height:2.05;color:var(--muted)}
.mbti-jobs-d b{color:var(--ink)}
@media(max-width:560px){.major-grid{grid-template-columns:1fr}.mbti-jobs-l{grid-template-columns:1fr}}
.fab{position:fixed;left:24px;z-index:120;width:58px;height:58px;
bottom:calc(24px + env(safe-area-inset-bottom, 0px))}
.fab-menu{position:absolute;bottom:calc(100% + 12px);left:0;
display:flex;flex-direction:column;align-items:flex-start;gap:10px;
opacity:0;transform:translateY(12px);pointer-events:none;transition:.28s cubic-bezier(.2,.8,.2,1)}
.fab.open .fab-menu{opacity:1;transform:none;pointer-events:auto}
.fab-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:7px 14px 7px 8px;border-radius:100px;box-shadow:var(--shadow-sm);font-size:.85rem;font-weight:700;color:var(--ink);transition:.2s;white-space:nowrap}
.fab-item:hover{transform:translateY(-2px)}
.fab-item i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff}
.fab-item i svg{width:17px;height:17px}
.fab-item.tg i{background:#229ED9}
.fab-item.ch i{background:var(--teal)}
.fab-item.ig i{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.fab-btn{width:58px;height:58px;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 12px 28px -8px rgba(0,151,109,.85);display:grid;place-items:center;transition:.25s;position:relative}
.fab-btn:hover{transform:scale(1.05)}
.fab-btn svg{width:26px;height:26px}
.fab.open .fab-btn{background:var(--ink)}
.fab-btn .ic-close{display:none}
.fab.open .fab-btn .ic-chat{display:none}
.fab.open .fab-btn .ic-close{display:block}
.fab-btn::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(0,151,109,.55);animation:fabpulse 2.6s infinite}
@keyframes fabpulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.7);opacity:0}100%{transform:scale(1);opacity:0}}
.fab.open .fab-btn::after{animation:none}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(30px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:100px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow);opacity:0;transition:.35s;z-index:200;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:860px){
.hero-inner,.about-grid{grid-template-columns:1fr;gap:36px}
.why-grid{grid-template-columns:1fr}
.nav-links{display:none;position:absolute;top:72px;right:0;left:0;flex-direction:column;background:var(--paper-2);padding:12px;gap:4px;box-shadow:var(--shadow);border-bottom:1px solid var(--line);
max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);
overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.nav-links a{width:100%}
.nav.nav-open .nav-links{display:flex}
.nav-mega{width:100%;display:flex;flex-wrap:wrap;align-items:center}
.nav-mega-trigger{flex:1;min-width:0}
.nav-mega-trigger::after{display:none}
.nav-mega-toggle{display:grid}
.nav-mega-panel{display:none;position:static;width:100%;transform:none;
box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;
padding:10px 6px 4px;margin-top:4px;background:transparent;
opacity:1;visibility:visible;pointer-events:auto;grid-template-columns:1fr 1fr;gap:12px}
.nav-mega.open .nav-mega-panel{display:grid}
.nav-mega-panel .nav-mega-col{opacity:1;transform:none;transition:none}
.nav-mega-tip{grid-template-columns:1fr 1fr;width:100%}
.nav-mega-foot{flex-direction:column}
.nav-mega-col a{padding-block:11px}
.burger{display:grid}
.rank-card{max-width:420px}
.offer{flex-direction:column;text-align:center}
.offer .btn{margin:0}
.group-grid{grid-template-columns:repeat(3,1fr);gap:7px}
.grp{padding:12px 4px;font-size:.85rem}
}
@media(max-width:480px){
.wrap{padding:0 18px}
.hero{padding:64px 0 72px}
.overlay{padding:14px 10px}
.wiz-body{padding:22px 18px 26px}
.taraz-cards{grid-template-columns:1fr}
.code-inp{width:48px;height:56px;font-size:1.4rem}
.fab{left:16px;bottom:calc(16px + env(safe-area-inset-bottom, 0px))}
.offer{padding:26px 22px}
.range-hero{padding:16px 14px 14px}
.rh-n{font-size:1.55rem}
.rh-nums{gap:8px}
.range-chip{flex-direction:column;border-radius:18px;padding:12px 14px;text-align:center}
.rc-nums{align-self:center}
}
@keyframes v2spin{to{transform:rotate(360deg)}}
@keyframes v2spinrev{to{transform:rotate(-360deg)}}
@keyframes v2floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes v2tfloat{0%,100%{transform:rotate(var(--rot,0deg)) translateY(0)}50%{transform:rotate(var(--rot,0deg)) translateY(-11px)}}
@keyframes v2dashmove{to{stroke-dashoffset:-440}}
@keyframes v2draw{to{stroke-dashoffset:0}}
@keyframes v2twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes v2corepulse{0%,100%{transform:scale(1);opacity:1}60%{transform:scale(1.12);opacity:.75}}
@keyframes v2livedot{0%,100%{transform:scale(1);opacity:1}70%{transform:scale(2.2);opacity:0}}
@keyframes v2mq{to{transform:translateX(-50%)}}
.btn-primary{background:linear-gradient(135deg,#00976D,#0090DC);box-shadow:var(--glow-teal)}
.btn-primary:hover{background:linear-gradient(135deg,#0F8A68,#0C86AB);transform:translateY(-2px)}
.btn-xl{padding:16px 30px;font-size:1.05rem;border-radius:15px}
header.nav{background:rgba(222,232,244,.8);backdrop-filter:blur(16px) saturate(1.4)}
.nav-cta{background:var(--grad-brand)!important;box-shadow:var(--glow-teal)}
.nav-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.nav-links > a:not(.nav-cta):not(.nav-auth){position:relative}
.nav-links > a:not(.nav-cta):not(.nav-auth)::after{content:"";position:absolute;bottom:3px;inset-inline:11px;height:2px;
border-radius:2px;background:var(--grad-brand-r);transform:scaleX(0);transition:transform .25s;transform-origin:center}
.nav-links > a:not(.nav-cta):not(.nav-auth):hover::after{transform:scaleX(1)}
.sec-wave{display:block;width:100%;height:64px}
.hero2{padding:96px 0 0;isolation:isolate}
.hero2 .hero-inner{z-index:3}
@media(min-width:861px) and (max-height:940px){
.hero2{padding-top:56px}
.hero2 .eyebrow{margin-bottom:16px}
.hero2 .lead{margin-top:14px}
.hero2 .hero-cta{margin-top:24px}
.hero2 .hero-offer{margin-top:14px}
.hero2 .hero-trust{margin-top:24px}
}
@media(min-width:861px) and (max-height:820px){
.hero2{padding-top:40px}
.hero2 .hero-inner h1{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.hero2 .lead{margin-top:12px;font-size:.97rem}
.hero2 .hero-trust{margin-top:18px}
}
.hero-mesh{position:absolute;inset:0;pointer-events:none;z-index:0;
background:radial-gradient(640px 420px at 82% 8%,rgba(139,127,240,.22),transparent 62%),
radial-gradient(560px 440px at 12% 88%,rgba(0,151,109,.2),transparent 62%)}
.hero-dots{position:absolute;inset:0;pointer-events:none;z-index:0;
background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.3px);
background-size:28px 28px;
-webkit-mask-image:radial-gradient(640px 460px at 68% 34%,#000 30%,transparent 75%);
mask-image:radial-gradient(640px 460px at 68% 34%,#000 30%,transparent 75%)}
.h-orbit{position:absolute;pointer-events:none;z-index:1}
.h-orbit.ho1{width:640px;height:640px;top:-210px;left:-190px;animation:v2spin 70s linear infinite}
.h-orbit.ho2{width:400px;height:400px;bottom:-150px;right:-110px;animation:v2spinrev 50s linear infinite}
.h-shape{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.h-shape svg{width:100%;height:100%}
.h-shape.sh1{width:46px;height:46px;top:11%;left:45%;animation:v2floaty 6s ease-in-out infinite}
.h-shape.sh2{width:30px;height:30px;top:16%;left:7%;animation:v2floaty 7s 1.2s ease-in-out infinite}
.h-shape.sh3{width:36px;height:36px;bottom:20%;left:39%;animation:v2floaty 8s .6s ease-in-out infinite}
.hero2 h1{font-size:clamp(2.1rem,4.8vw,3.4rem)}
.hero2 h1 .hl{white-space:nowrap}
.scribble{position:absolute;inset-inline:-2%;bottom:-10px;width:104%;height:13px;overflow:visible;pointer-events:none}
.scribble path{stroke-dasharray:230;stroke-dashoffset:230;animation:v2draw 1s .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:.85}
.hero2 .hero-trust{align-items:center;gap:20px}
.hero2 .hero-trust .t strong{font-size:1.7rem;background:linear-gradient(120deg,#fff,#5FC8FF);
-webkit-background-clip:text;background-clip:text;color:transparent}
.t-sep{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(255,255,255,.25),transparent)}
.hero2 .rank-card{border-radius:28px;border:1px solid rgba(255,255,255,.16);position:relative}
.hero2 .rank-card::before{content:"";position:absolute;top:0;inset-inline:24px;height:2px;border-radius:2px;
background:var(--grad-brand-r);opacity:.85}
.rc-badge{display:inline-flex;align-items:center;gap:7px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#1FF0BE;animation:v2livedot 2.2s infinite}
.rc-float{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:7px;
background:rgba(10,26,47,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);
color:#fff;font-size:.78rem;font-weight:700;padding:9px 15px;border-radius:100px;
box-shadow:0 14px 34px -14px rgba(0,0,0,.65);white-space:nowrap}
.rc-float i{font-style:normal;font-size:.95rem}
.rc-float.rcf1{top:-16px;inset-inline-end:-8px;animation:v2floaty 5.5s ease-in-out infinite}
.rc-float.rcf2{top:38%;inset-inline-start:-30px;animation:v2floaty 6.5s 1s ease-in-out infinite}
.rc-float.rcf3{bottom:-14px;inset-inline-end:12%;animation:v2floaty 7s .5s ease-in-out infinite}
.rc-spark{margin-top:20px;padding-top:16px;border-top:1px dashed rgba(255,255,255,.16);text-align:center}
.rc-spark svg{width:100%;height:44px;display:block;margin-bottom:8px}
.rc-spark span{font-size:.74rem;color:#fff}
.spark-line{stroke-dasharray:340;stroke-dashoffset:340;animation:v2draw 1.6s 1.1s cubic-bezier(.2,.8,.2,1) forwards}
.spark-dot{opacity:0;animation:v2twinkle 2.4s 2.6s ease-in-out infinite}
.hero-marquee{position:relative;z-index:2;margin-top:72px;padding:13px 0;overflow:hidden;
direction:ltr;
background:rgba(255,255,255,.045);border-top:1px solid rgba(255,255,255,.09)}
.hero-marquee:hover .mq-track{animation-play-state:paused}
.mq-track{display:flex;gap:30px;width:max-content;direction:ltr;animation:v2mq 32s linear infinite;will-change:transform}
.mq-part{display:flex;align-items:center;gap:30px;direction:rtl}
.mq-part span{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap}
.mq-part b{color:#1FF0BE;font-size:.72rem}
.hero-wave{position:relative;z-index:2;color:var(--paper);margin-bottom:-1px}
.about2{background:transparent;border:none}
.about2 .about-grid{gap:70px}
.about-vis{position:relative;z-index:1;padding:14px 14px 14px 0}
.about-vis::before{content:"";position:absolute;inset:44px -14px -14px 44px;border-radius:32px;z-index:0;
background:linear-gradient(135deg,rgba(0,151,109,.3),rgba(0,144,220,.3))}
.about-blob{position:absolute;top:-8%;inset-inline-start:-10%;width:70%;height:70%;border-radius:50%;z-index:0;
background:var(--grad-brand);opacity:.14;filter:blur(46px)}
.about-ring{position:absolute;top:-26px;inset-inline-end:-18px;width:150px;height:150px;z-index:2;
animation:v2spin 40s linear infinite}
.about2 .portrait{position:relative;z-index:1;border-radius:30px}
.ab-chip{position:absolute;z-index:3;background:var(--paper-2);border:1px solid var(--line);border-radius:18px;
padding:12px 18px;box-shadow:var(--shadow);text-align:center}
.ab-chip b{display:block;font-size:1.2rem;font-weight:900;background:var(--grad-brand);
-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.4}
.ab-chip span{font-size:.72rem;color:var(--muted)}
.ab-chip.abc1{bottom:34px;inset-inline-start:-22px;animation:v2floaty 6s ease-in-out infinite}
.ab-chip.abc2{top:52px;inset-inline-end:-18px;animation:v2floaty 7s 1.1s ease-in-out infinite}
.h3-swash{display:block;width:190px;height:10px;margin-top:5px;overflow:visible;pointer-events:none}
.h3-swash path{stroke-dasharray:180;stroke-dashoffset:180;animation:v2draw .9s .4s cubic-bezier(.2,.8,.2,1) forwards}
.steps2 .why-text{text-align:center;max-width:660px;margin:0 auto 78px}
.steps2 .why-text p{margin-inline:auto}
.steps-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.steps-path{position:absolute;top:-58px;inset-inline:0;width:100%;height:60px;z-index:0;pointer-events:none;overflow:visible}
.sp-line{animation:v2dashmove 9s linear infinite}
.sp-node{fill:#1FF0BE;animation:spnode 2.4s ease-in-out infinite}
.sp-node:nth-of-type(2){animation-delay:.3s}
.sp-node:nth-of-type(3){animation-delay:.6s}
@keyframes spnode{0%,100%{opacity:.7}50%{opacity:1}}
.steps-flow .step-card{border-radius:24px;padding:30px 26px;overflow:visible}
.steps-flow .step-card.st2{margin-top:58px}
.steps-flow .step-card.st3{margin-top:20px}
.g-num{position:absolute;top:-38px;inset-inline-end:16px;font-size:5.6rem;font-weight:900;line-height:1;z-index:0;
pointer-events:none;color:rgba(10,26,47,.05);-webkit-text-stroke:2px rgba(0,151,109,.22)}
.steps-flow .step-ic{width:50px;height:50px;border-radius:16px;background:var(--grad-brand);color:#fff;box-shadow:var(--glow-teal)}
.steps-flow .step-ic svg{width:25px;height:25px}
.steps-flow .step-card h4{color:var(--ink);font-size:1.08rem}
.steps-cta{text-align:center;margin-top:48px}
.offer2{position:relative;background:linear-gradient(120deg,#fff,var(--amber-soft));
border:1.5px solid rgba(0,144,220,.4);border-radius:26px;padding:34px 40px;gap:30px;overflow:visible}
.offer2::before,.offer2::after{content:"";position:absolute;top:50%;width:30px;height:30px;border-radius:50%;
background:var(--paper);border:1.5px solid rgba(0,144,220,.4);transform:translateY(-50%)}
.offer2::before{inset-inline-start:-16px}
.offer2::after{inset-inline-end:-16px}
.of-num{text-align:center;flex-shrink:0}
.offer2 .big-off{font-size:4rem;background:linear-gradient(160deg,var(--amber),var(--amber-dark));
-webkit-background-clip:text;background-clip:text;color:transparent}
.of-lbl{display:inline-block;margin-top:6px;font-size:.76rem;font-weight:800;color:var(--amber-dark);
background:rgba(0,144,220,.12);border:1px solid rgba(0,144,220,.3);padding:4px 13px;border-radius:100px}
.of-sep{width:0;align-self:stretch;border-inline-start:2px dashed rgba(0,144,220,.45)}
@media(max-width:860px){
.offer2{overflow:hidden}
.offer2::before,.offer2::after{display:none}
.of-sep{width:100%;border-inline-start:none;border-top:2px dashed rgba(0,144,220,.45)}
}
.svc-grid.bento{grid-template-columns:repeat(4,1fr)}
.svc-grid.bento .svc-card{position:relative;border-radius:24px}
.svc-grid.bento .svc-card::before{content:"";position:absolute;top:0;inset-inline:22px;height:3px;border-radius:3px;
background:var(--grad-brand-r);opacity:0;transition:.3s}
.svc-grid.bento .svc-card:hover::before{opacity:1}
.sv-feat{grid-column:1/-1;overflow:hidden;border:none;position:relative;
background:linear-gradient(120deg,var(--ink),var(--ink-2) 70%);color:#fff;
display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:26px 36px}
.sv-feat .sv-glow{position:absolute;top:-60%;inset-inline-end:8%;width:320px;height:320px;border-radius:50%;
background:radial-gradient(circle,rgba(63,214,192,.26),transparent 70%);pointer-events:none;filter:blur(2px);
animation:v2floaty 8s ease-in-out infinite}
.sv-feat .sv-txt{min-width:0;max-width:620px}
.sv-feat .sv-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.sv-feat h4{color:#fff;font-size:1.25rem;margin:0}
.sv-feat p{color:#fff;font-size:.92rem;line-height:1.85;margin-bottom:10px}
.sv-feat .svc-ic{width:50px;height:50px;border-radius:15px;background:var(--grad-brand);color:#fff;
box-shadow:var(--glow-teal);margin-bottom:0;flex-shrink:0}
.sv-feat .svc-ic svg{width:24px;height:24px}
.sv-feat .svc-tag{background:rgba(255,255,255,.12);color:#7BF7D8;border:1px solid rgba(255,255,255,.14);margin-top:0}
.svc-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.svc-tags .svc-tag{margin-top:0;align-self:auto}
.sv-feat .svc-tags{margin-top:0}
.sv-feat .svc-tag-off{background:var(--grad-brand);color:#fff;border-color:transparent;font-weight:800}
.sv-feat .sv-orbit{position:relative;width:104px;height:104px;flex-shrink:0;display:grid;place-items:center}
.sv-feat .sv-orbit svg{position:absolute;inset:0;width:100%;height:100%;animation:v2spin 26s linear infinite}
.sv-feat .sv-orbit .sv-core{position:relative;width:50px;height:50px;border-radius:50%;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);
display:grid;place-items:center;font-size:1.3rem;animation:v2corepulse 3s infinite}
.sv-rings{display:none}
.sv-blue .svc-ic{background:var(--amber-soft);color:var(--amber-dark)}
.sv-blue .svc-tag{color:var(--amber-dark);background:var(--amber-soft)}
.sv-teal .svc-ic{background:var(--teal-soft);color:var(--teal-dark)}
.sv-gold .svc-ic{background:#FBEFD8;color:#8A5709}
.sv-gold .svc-tag{color:#8A5709;background:#FBEFD8}
.sv-violet .svc-ic{background:#EAE7FC;color:var(--violet-dark)}
.sv-violet .svc-tag{color:var(--violet-dark);background:#EAE7FC}
@media(max-width:1000px){.svc-grid.bento{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
.sv-feat{grid-template-columns:1fr;text-align:center;padding:28px 24px}
.sv-feat .sv-head{flex-direction:column;margin-bottom:12px}
.sv-feat .sv-txt{max-width:none}
.sv-feat .sv-orbit{margin-inline:auto;order:-1;margin-bottom:6px}
}
@media(max-width:620px){.svc-grid.bento{grid-template-columns:1fr}}
.mbti2{isolation:isolate}
.mp-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.mp-glow.g1{width:340px;height:340px;top:-120px;inset-inline-end:-80px;background:rgba(0,144,220,.3)}
.mp-glow.g2{width:300px;height:300px;bottom:-130px;inset-inline-start:-70px;background:rgba(0,151,109,.28)}
.mp-star{position:absolute;color:#1FF0BE;pointer-events:none;z-index:1;animation:v2twinkle 3s ease-in-out infinite}
.mp-star.s1{top:14%;inset-inline-start:38%;font-size:1.1rem}
.mp-star.s2{bottom:18%;inset-inline-start:52%;font-size:.8rem;animation-delay:1s;color:#5FC8FF}
.mp-star.s3{top:24%;inset-inline-end:6%;font-size:.9rem;animation-delay:1.8s;color:#F2B84B}
.mbti2 .mbti-promo-txt,.mbti2 .mbti-promo-vis{position:relative;z-index:2}
.mp-facts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.mp-facts span{font-size:.8rem;font-weight:700;color:#AAF5E2;background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.14);padding:7px 14px;border-radius:100px}
.mbti2 .mbti-promo-vis{height:280px}
.mp-orbit{position:absolute;inset:0;margin:auto;width:280px;height:280px;animation:v2spin 46s linear infinite}
.mp-core{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);
display:grid;place-items:center;font-size:2.1rem;animation:v2corepulse 3.2s infinite}
.mbti2 .mtile{animation:v2tfloat 6s ease-in-out infinite}
.mbti2 .mtile.t1{--rot:-8deg;transform:none;animation-delay:0s}
.mbti2 .mtile.t2{--rot:6deg;transform:none;animation-delay:1.2s}
.mbti2 .mtile.t3{--rot:5deg;transform:none;animation-delay:.6s}
.mbti2 .mtile.t4{--rot:-6deg;transform:none;animation-delay:1.8s}
@media(max-width:900px){.mp-star.s1,.mp-star.s2{display:none}}
.cd-wrap{position:relative;overflow:hidden}
.cd-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(420px 260px at 85% 0%,rgba(0,144,220,.22),transparent 65%),
radial-gradient(380px 240px at 10% 100%,rgba(0,151,109,.2),transparent 65%)}
.cd-cell{position:relative;backdrop-filter:blur(6px);border-radius:18px}
.cd-cell b{background:linear-gradient(180deg,#fff,#5FC8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan.hot{border-color:transparent;box-shadow:0 0 0 2px rgba(0,151,109,.75), 0 18px 50px -22px rgba(0,151,109,.6)}
.tst{position:relative}
.tst::before{content:"❝";position:absolute;top:12px;inset-inline-start:18px;font-size:1.7rem;line-height:1;
color:rgba(0,151,109,.3);pointer-events:none}
.tst .av{border:3px solid transparent;background:linear-gradient(145deg,var(--teal-soft),#fff) padding-box,var(--grad-brand) border-box}
.faq-list{counter-reset:fq}
.faq-item{counter-increment:fq;border-radius:18px}
.faq-item summary::before{content:counter(fq,persian);width:30px;height:30px;border-radius:10px;flex-shrink:0;
background:var(--teal-soft);color:var(--teal-dark);font-size:.85rem;font-weight:800;
display:grid;place-items:center}
.faq-item summary::after{content:"+";margin-inline-start:auto;color:var(--teal);font-weight:900;font-size:1.25rem;
transition:transform .25s;line-height:1}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item[open] summary::before{content:counter(fq,persian)}
.blog-card{position:relative;overflow:hidden}
.blog-card::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:var(--grad-brand-r);
transform:scaleX(0);transform-origin:right;transition:transform .3s}
.blog-card:hover::before{transform:scaleX(1)}
.blog-card:hover .blog-more{letter-spacing:.3px}
.foot-wave-wrap{line-height:0;margin-top:44px}
.foot-wave{color:var(--ink);height:70px}
footer.foot2{margin-top:0;padding-top:44px}
.foot-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
background:linear-gradient(135deg,rgba(0,151,109,.16),rgba(0,144,220,.16));
border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px 32px;margin-bottom:46px}
.fc-txt b{display:block;color:#fff;font-size:1.2rem;font-weight:800;margin-bottom:5px}
.fc-txt span{font-size:.9rem;color:#fff}
.fc-btns{display:flex;gap:10px;flex-wrap:wrap}
.foot-social{display:flex;gap:10px;margin-top:18px}
.foot-social a{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;transition:.2s}
.foot-social a:hover{background:var(--grad-brand);color:#fff;transform:translateY(-2px)}
.foot-social svg{width:19px;height:19px}
@media(max-width:900px){
.steps-path{display:none}
.steps-flow{grid-template-columns:1fr}
.steps-flow .step-card.st2,.steps-flow .step-card.st3{margin-top:0}
.mbti2 .mbti-promo-vis{display:block;height:230px;margin-top:10px;margin-inline:auto;width:min(260px,100%)}
.mp-orbit{width:220px;height:220px}
}
@media(max-width:860px){
.h-orbit{display:none}
.hero2{padding:64px 0 0}
.hero-marquee{margin-top:52px}
.h-shape.sh1{width:32px;top:6%;left:auto;inset-inline-start:6%}
.h-shape.sh2{display:none}
.h-shape.sh3{width:26px;bottom:auto;top:9%;left:auto;inset-inline-end:7%}
.rc-float{font-size:.72rem;padding:7px 12px}
.rc-float.rcf2{display:none}
.rc-float.rcf1{top:-13px;inset-inline-end:2px}
.rc-float.rcf3{bottom:-12px;inset-inline-end:8%}
.hero2 .hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.t-sep{display:none}
.hero2 .hero-trust .t{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
border-radius:16px;padding:12px 6px;text-align:center}
.hero2 .hero-trust .t strong{font-size:1.25rem}
.hero2 .hero-trust .t span{font-size:.72rem}
.about-vis{padding:0}
.about-vis::before{inset:26px -8px -8px 26px}
.ab-chip.abc1{inset-inline-start:-6px;bottom:22px}
.ab-chip.abc2{inset-inline-end:-6px;top:30px}
.about-ring{width:110px;height:110px;top:-18px;inset-inline-end:-8px}
}
@media(prefers-reduced-motion:reduce){
.scribble path,.spark-line,.h3-swash path{stroke-dashoffset:0!important}
.mq-track{animation:none!important}
}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
background-image:radial-gradient(rgba(10,26,47,.14) 1px,transparent 1.1px);
background-size:30px 30px;
-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.3) 40%,rgba(0,0,0,.12) 75%,rgba(0,0,0,.3));
mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.3) 40%,rgba(0,0,0,.12) 75%,rgba(0,0,0,.3))}
.blobs i:nth-child(1){animation:float1 26s ease-in-out infinite}
.blobs i:nth-child(2){animation:float2 30s ease-in-out infinite}
.blobs i:nth-child(3){animation:float1 34s ease-in-out infinite}
.page-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:56px 0 0;isolation:isolate}
.page-hero .ph-inner{position:relative;z-index:3;text-align:center;padding-bottom:56px}
.page-hero .ph-inner>*{animation:up .7s cubic-bezier(.2,.8,.2,1) backwards}
.page-hero .ph-inner>*:nth-child(1){animation-delay:.03s}
.page-hero .ph-inner>*:nth-child(2){animation-delay:.12s}
.page-hero .ph-inner>*:nth-child(3){animation-delay:.2s}
.page-hero .ph-inner>*:nth-child(4){animation-delay:.28s}
.ph-back{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:#fff;
margin-bottom:20px;transition:.2s}
.ph-back:hover{color:#fff}
.page-hero .eyebrow{margin-bottom:18px}
.ph-title{font-size:clamp(1.65rem,3.6vw,2.5rem);font-weight:900;line-height:1.55;letter-spacing:-.5px;
max-width:30ch;margin-inline:auto;
background:linear-gradient(120deg,#fff 30%,#72D6FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph-sub{margin:14px auto 0;color:#fff;font-size:.98rem;line-height:2.05;max-width:56ch}
.ph-sub a{color:#1FF0BE;text-decoration:underline;text-underline-offset:3px}
.page-hero .h-orbit.pho{width:380px;height:380px;top:-150px;left:-120px;animation:v2spin 60s linear infinite}
.h-shape.phs1{width:26px;height:26px;top:26%;inset-inline-start:10%;animation:v2floaty 6s ease-in-out infinite}
.h-shape.phs2{width:30px;height:30px;top:34%;inset-inline-end:8%;animation:v2floaty 7s 1s ease-in-out infinite}
.ph-slim .ph-inner{padding-bottom:38px;text-align:start}
.ph-slim .ph-back{margin-bottom:12px;display:flex}
.ph-crumb{font-size:1.04rem;font-weight:800;color:#fff;line-height:1.9}
.ph-crumb b{color:#1FF0BE}
section.block.page-after{padding-top:52px}
@media(max-width:600px){.page-hero{padding:40px 0 0}.page-hero .ph-inner{padding-bottom:44px}}
#why{background:radial-gradient(720px 440px at 50% 0%,rgba(0,151,109,.08),transparent 72%)}
#nazarat{background:linear-gradient(180deg,transparent,rgba(0,144,220,.06) 28%,rgba(0,144,220,.06) 72%,transparent)}
#faq::before{content:"";position:absolute;top:70px;inset-inline-start:4%;width:150px;height:150px;pointer-events:none;
background-image:radial-gradient(rgba(0,151,109,.4) 2px,transparent 2.2px);background-size:19px 19px;opacity:.45}
#blog::after{content:"";position:absolute;bottom:56px;inset-inline-end:3%;width:150px;height:150px;pointer-events:none;
border:2px dashed rgba(0,144,220,.3);border-radius:50%;animation:v2spin 44s linear infinite}
@media(max-width:700px){#faq::before,#blog::after{display:none}}
@keyframes plansDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-26px,18px) scale(1.06)}}
@keyframes plansDrift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(24px,-16px) scale(1.05)}}
@keyframes plansSparkle{0%,100%{transform:translateY(0)}50%{transform:translateY(-540px)}}
@keyframes plansRing{to{transform:rotate(360deg)}}
#plans{position:relative;background:linear-gradient(160deg,var(--ink),var(--ink-2));border-radius:44px;
max-width:1120px;margin:10px auto!important;
padding:40px 0 44px!important;overflow:hidden;isolation:isolate;
box-shadow:0 50px 110px -50px rgba(0,0,0,.7)}
#plans::before{content:"";position:absolute;inset:-10%;pointer-events:none;z-index:0;
background:radial-gradient(620px 400px at 85% 0%,rgba(0,144,220,.24),transparent 62%),
radial-gradient(540px 380px at 6% 100%,rgba(0,151,109,.2),transparent 62%);
animation:plansDrift 16s ease-in-out infinite}
#plans::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
background-image:radial-gradient(rgba(255,255,255,.13) 1.2px,transparent 1.3px);background-size:26px 26px;
-webkit-mask-image:radial-gradient(560px 360px at 72% 15%,#000,transparent 72%);
mask-image:radial-gradient(560px 360px at 72% 15%,#000,transparent 72%);
animation:plansDrift2 20s ease-in-out infinite}
#plans .wrap{position:relative;z-index:2}
#plans .plans-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#plans .plans-fx i{position:absolute;border:1.5px dashed rgba(63,214,192,.28);border-radius:50%;
animation:plansRing 60s linear infinite}
#plans .plans-fx i:nth-child(1){width:340px;height:340px;top:-90px;inset-inline-end:-80px}
#plans .plans-fx i:nth-child(2){width:230px;height:230px;bottom:-60px;inset-inline-start:4%;
border-color:rgba(0,144,220,.26);animation-direction:reverse;animation-duration:44s}
#plans .plans-fx b{position:absolute;top:0;inset-inline-start:0;width:2px;height:2px;border-radius:50%;
background:transparent;box-shadow:
60px 620px #fff, 180px 480px rgba(255,255,255,.7), 300px 700px #1FF0BE,
420px 380px rgba(255,255,255,.6), 520px 640px #5FC8FF, 640px 460px rgba(255,255,255,.75),
760px 720px #1FF0BE, 880px 400px rgba(255,255,255,.65), 980px 600px #5FC8FF,
1080px 500px rgba(255,255,255,.7), 1160px 680px #fff, 60px 200px rgba(255,255,255,.5),
340px 160px #1FF0BE, 700px 220px rgba(255,255,255,.6), 1000px 180px #5FC8FF;
animation:plansSparkle 14s linear infinite}
#plans .sec-head{margin-bottom:26px}
#plans .sec-head h2{color:#fff}
#plans .sec-head p{color:#fff}
#plans .btn-ghost-dark{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
#plans .btn-ghost-dark:hover{background:rgba(255,255,255,.2)}
@media(max-width:700px){#plans{margin:0 10px!important;border-radius:28px}}
@media(prefers-reduced-motion:reduce){
#plans::before,#plans::after,#plans .plans-fx i,#plans .plans-fx b{animation:none}
}
.wizard{border-radius:28px;box-shadow:0 34px 80px -34px rgba(10,26,47,.45);position:relative}
.wizard::before{content:"";position:absolute;top:0;inset-inline:28px;height:3px;border-radius:3px;
background:var(--grad-brand-r);z-index:1}
.stepbar .sp{height:6px}
.stepbar .sp.done{background:var(--grad-brand-r)}
.grp{border-radius:16px}
.grp.sel{background:var(--grad-brand);border-color:transparent;box-shadow:var(--glow-teal)}
.qbar{height:8px}
.q-opt3{border-radius:16px;padding:20px 8px;font-size:1rem;box-shadow:0 6px 16px -10px rgba(10,26,47,.2)}
.q-opt3.yes{border-color:rgba(0,151,109,.4)}
.q-opt3.no{border-color:rgba(224,117,90,.4)}
.code-inp{border-radius:16px}
.mbti-intro-ic{animation:v2floaty 4s ease-in-out infinite;display:inline-block}
.sms-demo{border-radius:16px}
section.wiz-hero-sec{padding-bottom:48px}
@media(max-width:480px){section.wiz-hero-sec{padding-bottom:32px}}
section.wiz-hero-sec::before,section.wiz-hero-sec::after{content:"";position:absolute;border-radius:50%;
filter:blur(60px);z-index:0;pointer-events:none}
section.wiz-hero-sec::before{width:280px;height:280px;background:rgba(0,151,109,.14);top:-30px;inset-inline-start:6%}
section.wiz-hero-sec::after{width:240px;height:240px;background:rgba(0,144,220,.13);bottom:-10px;inset-inline-end:6%}
section.wiz-hero-sec > .wrap{position:relative;z-index:1}
.wizard-tamin{margin-top:22px;
border:1.5px solid transparent;
background:linear-gradient(175deg,#fff,var(--teal-soft) 160%) padding-box,
linear-gradient(120deg,var(--teal) 0%,var(--amber) 55%,var(--violet) 100%) border-box}
.wizard-tamin::before{display:none}
.tamin-badge{position:absolute;top:-26px;left:50%;transform:translateX(-50%);z-index:2;
width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;
background:var(--grad-brand);box-shadow:var(--glow-teal);border:4px solid var(--paper-2)}
.wizard-tamin .stepbar{padding-top:34px}
.wizard-tamin .stepbar .sp.now{box-shadow:0 0 12px 1px rgba(0,144,220,.55)}
@media(max-width:480px){
.tamin-badge{width:44px;height:44px;font-size:1.25rem;top:-22px}
.wizard-tamin{margin-top:18px}
}
.hesab-avatar{background:var(--grad-brand);box-shadow:var(--glow-teal)}
.hesab-nav a.on{background:var(--grad-brand);color:#fff}
.hesab-nav a.on:hover{background:var(--grad-brand)}
.chip.on{background:var(--grad-brand);border-color:transparent}
.cat-title::before{background:var(--grad-brand)}
.toc{border-color:rgba(0,151,109,.3);background:linear-gradient(135deg,rgba(0,151,109,.06),rgba(0,144,220,.06))}
.major-card-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.func-chip b{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.func-chip.tag b{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--teal-dark)}
.func-chip.tag.warn b{color:var(--amber-dark)}
.t-photo{border:3px solid transparent;background:var(--grad-brand) border-box}
.tp-box{border:1.5px solid transparent;
background:linear-gradient(var(--paper-2),var(--paper-2)) padding-box,var(--grad-brand) border-box}
.card-box{border-radius:24px}
.side-h::before{background:var(--grad-brand)}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
background:radial-gradient(1300px 900px at 50% -5%,rgba(10,26,47,0) 40%,rgba(10,26,47,.1) 90%)}
@keyframes v2floatysm{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.rc-float.rcf1{top:-25px;inset-inline-end:-8px}
.rc-float.rcf2{top:-25px;inset-inline-start:-10px;animation-delay:.8s}
.rc-float.rcf3{bottom:-28px;inset-inline-end:14%;animation:v2floatysm 7s .5s ease-in-out infinite}
.g-num{inset-inline-end:auto;inset-inline-start:14px;top:-36px}
.ab-chip.abc1{bottom:96px;inset-inline-start:-30px}
.ab-chip.abc2{top:-16px;inset-inline-end:-12px}
@media(max-width:900px){
.mp-star.s3{top:10px;inset-inline-end:16px}
}
@media(max-width:860px){
.rc-float.rcf1{top:-19px;inset-inline-end:2px}
.rc-float.rcf3{bottom:-22px;inset-inline-end:5%;animation:v2floatysm 7s .5s ease-in-out infinite}
.ab-chip.abc1{bottom:78px;inset-inline-start:-4px}
.ab-chip.abc2{top:-12px;inset-inline-end:-4px}
.h-shape.sh1{top:8px;left:auto;inset-inline-start:7%}
.h-shape.sh3{top:14px;left:auto;inset-inline-end:9%}
}
.hero-net{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55}
.wsplit .w{display:inline-block;opacity:0;transform:translateY(.65em) rotate(2deg);
transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1)}
.wsplit.in .w{opacity:1;transform:none}
.faq-item[open] .ans{animation:fade .4s ease}
.btn-primary,.btn-amber{will-change:transform}
@media(prefers-reduced-motion:reduce){
.wsplit .w{opacity:1!important;transform:none!important}
}
.art-cat{background:var(--grad-brand);color:#fff;box-shadow:0 10px 22px -12px rgba(0,151,109,.7)}
.tp-hot,.p-hot{background:var(--grad-brand)}
.step-badge{
border:1px solid transparent;color:var(--teal-dark);
background:
linear-gradient(var(--paper-2),var(--paper-2)) padding-box,
linear-gradient(120deg,rgba(0,151,109,.55),rgba(0,144,220,.55)) border-box;
}
@media(prefers-reduced-motion:reduce){
.sec-kicker::before,.eyebrow .dot{animation:none}
.sec-kicker::after,.eyebrow::after{animation:none;opacity:1}
}
.kr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));
gap:13px;margin-bottom:8px}
.kr-card{display:flex;flex-direction:column;align-items:center;gap:10px;
width:100%;text-align:center;font-family:inherit;color:inherit;cursor:pointer;
white-space:normal;
padding:19px 17px 15px;border-radius:22px;
transition:transform .22s var(--g-ease),box-shadow .3s var(--g-ease),border-color .3s var(--g-ease)}
.kr-card:hover{transform:translateY(-3px)}
.kr-card:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.kr-head{width:100%;min-width:0}
.kr-major{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
font-size:1.08rem;font-weight:800;color:var(--ink);line-height:1.6;
text-wrap:balance;white-space:normal;overflow-wrap:anywhere}
.kr-uni{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
margin-top:2px;font-size:.86rem;font-weight:600;color:var(--muted);
line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.kr-rank{position:relative;display:flex;flex-direction:column;align-items:center;
width:100%;padding-top:11px;
border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
.kr-rank i{font-style:normal;font-size:.76rem;font-weight:700;color:var(--muted);
letter-spacing:.2px}
.kr-rank b{margin-top:1px;font-size:2.15rem;font-weight:900;line-height:1.12;letter-spacing:-1.2px;
font-variant-numeric:tabular-nums;
background:linear-gradient(105deg,
var(--teal-dark) 0%,var(--teal) 24%,#0086CC 42%,#0074B0 58%,var(--teal-dark) 84%);
background-size:300% 100%;background-position:100% 0;
-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes krShine{0%{background-position:100% 0}60%,100%{background-position:0 0}}
.kr-rank::before{content:'';position:absolute;left:50%;top:26px;
width:120px;height:52px;margin-left:-60px;border-radius:50%;pointer-events:none;opacity:0;
background:radial-gradient(closest-side,rgba(0,214,160,.5),rgba(0,214,160,0) 70%)}
.kr-card.kr-live .kr-rank::before{animation:krPulse 3.2s ease-in-out infinite;
animation-delay:calc(var(--i,0) * .26s);will-change:opacity}
.kr-card.kr-in .kr-rank b{animation:krPop .62s cubic-bezier(.34,1.42,.64,1) both}
.kr-card.kr-in.kr-live .kr-rank b{
animation:krPop .62s cubic-bezier(.34,1.42,.64,1) both,
krShine 2.8s ease-in-out .5s infinite;
animation-delay:0s,calc(.5s + var(--i,0) * .3s);will-change:background-position}
@keyframes krPulse{0%,100%{opacity:.12}50%{opacity:.72}}
@keyframes krPop{from{transform:scale(.78);opacity:.25}to{transform:none;opacity:1}}
.kr-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.kr-meta em{font-style:normal;font-size:.75rem;font-weight:700;color:var(--muted);
padding:3px 10px;border-radius:100px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.kr-go{display:flex;align-items:center;justify-content:center;gap:7px;
width:100%;margin-top:auto;padding:11px 12px;border-radius:14px;
font-size:.86rem;font-weight:800;color:var(--teal-dark);
background:
radial-gradient(120% 150% at 28% -40%,rgba(255,255,255,.72),rgba(255,255,255,0) 62%),
radial-gradient(90% 130% at 100% 130%,rgba(0,144,220,.20),rgba(0,144,220,0) 60%),
linear-gradient(152deg,rgba(0,214,160,.34),rgba(0,151,109,.26) 52%,rgba(0,144,220,.20));
border:1px solid rgba(255,255,255,.52);
border-top-color:rgba(255,255,255,.9);
border-bottom-color:rgba(0,96,63,.24);
box-shadow:
0 1px 2px rgba(10,26,47,.13),
0 10px 20px -14px rgba(0,96,63,.6),
inset 0 1px 0 rgba(255,255,255,.8),
inset 0 -9px 16px -13px rgba(0,96,63,.28);
transition:box-shadow .22s var(--g-ease),border-color .22s var(--g-ease),
transform .22s var(--g-ease)}
.kr-go svg{transform:scaleX(-1);transition:transform .2s var(--g-ease)}
.kr-card:hover .kr-go{transform:translateY(-1px);
border-top-color:rgba(255,255,255,1);border-bottom-color:rgba(0,96,63,.34);
box-shadow:0 1px 2px rgba(10,26,47,.16),0 14px 24px -14px rgba(0,96,63,.75),
inset 0 1px 0 rgba(255,255,255,.95),inset 0 -9px 16px -13px rgba(0,96,63,.3)}
.kr-card:hover .kr-go svg{transform:scaleX(-1) translateX(3px)}
@media(prefers-reduced-motion:reduce){
.kr-card.kr-live .kr-rank::before{animation:none;opacity:.3}
.kr-card.kr-in .kr-rank b,.kr-card.kr-in.kr-live .kr-rank b{animation:none;background-position:0 0}
}
@media(max-width:560px){
.kr-list{grid-template-columns:minmax(0,1fr);gap:11px}
.kr-card{padding:16px 15px 13px;gap:9px;border-radius:20px}
.kr-major{font-size:1.04rem}
.kr-uni{font-size:.83rem}
.kr-rank{padding-top:9px}
.kr-rank b{font-size:1.95rem}
.kr-rank::before{top:23px;width:104px;height:46px;margin-left:-52px}
.kr-go{padding:11px 12px;font-size:.85rem}
.kr-meta em{font-size:.75rem;padding:3px 9px}
}
.kn-list{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
.kn-row{display:flex;align-items:center;gap:14px;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:14px 18px;flex-wrap:wrap;transition:.2s}
.kn-row:hover{border-color:var(--teal)}
.kn-rank{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center;font-weight:800;font-size:.85rem}
.kn-main{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.kn-main b{font-size:.98rem}
.kn-main>span{font-size:.85rem;color:var(--muted)}
.kn-meta{font-size:.78rem!important;color:var(--muted)}
.kn-view-btn{flex:0 0 auto;white-space:nowrap;width:auto}
@media(max-width:640px){
.kn-row{flex-direction:column;align-items:stretch;text-align:center}
.kn-view-btn{width:100%}
}
.kn-tbl-wrap{border-radius:22px;overflow-x:auto;margin-bottom:8px;
background:
radial-gradient(120% 320px at 76% 0,rgba(255,255,255,.62),rgba(255,255,255,0) 72%),
radial-gradient(70% 300px at 4% 100%,rgba(0,151,109,.13),rgba(0,151,109,0) 74%),
radial-gradient(70% 300px at 97% 100%,rgba(0,144,220,.14),rgba(0,144,220,0) 72%),
linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.38));
border:1px solid rgba(255,255,255,.60);
border-top-color:rgba(255,255,255,.96);
border-bottom-color:rgba(196,226,255,.46);
box-shadow:
0 1px 2px rgba(10,26,47,.14),
0 30px 62px -34px rgba(10,26,47,.55),
inset 0 1px 0 rgba(255,255,255,.98),
inset 0 -1px 0 rgba(255,255,255,.52)}
.kn-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.9rem}
.kn-table th,.kn-table td{padding:13px 12px;text-align:center;vertical-align:middle;
border-bottom:1px solid rgba(255,255,255,.55)}
.kn-table thead th{color:#fff;font-weight:800;font-size:.79rem;border-bottom:none;
background:linear-gradient(180deg,rgba(10,26,47,.95),rgba(10,26,47,.88));
box-shadow:inset 0 -1px 0 rgba(255,255,255,.22)}
.kn-table tbody tr td{background:rgba(255,255,255,.20)}
.kn-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.46)}
.kn-table tbody tr:last-child td{border-bottom:none}
.kn-table tbody tr:hover td{background:rgba(0,151,109,.11)}
@media(min-width:761px){
.kn-table .c-major{width:22%}
.kn-table .c-uni{width:27%}
.kn-table .c-city{width:9%}
.kn-table .c-sex{width:7%}
.kn-table .c-mn{width:7%}
.kn-table .c-rm,.kn-table .c-rk{width:14%}
}
.kn-table td.c-major,.kn-table td.c-uni{text-align:start;overflow-wrap:break-word}
.kn-table th.c-major,.kn-table th.c-uni{text-align:start}
.kn-table td.c-major{font-weight:800;color:var(--ink);line-height:1.65}
.kn-table td.c-uni{font-weight:600;line-height:1.65}
.kn-table td.c-city,.kn-table td.c-sex,.kn-table td.c-mn{color:var(--muted);font-size:.85rem}
.kn-table td.c-rm,.kn-table td.c-rk{font-weight:800;white-space:nowrap;
font-variant-numeric:tabular-nums;font-size:.97rem}
.kn-table td.c-rm{color:var(--teal-dark)}
@media(min-width:981px){
.kn-tbl-wrap{overflow:clip}
.kn-table thead th{position:sticky;top:72px;z-index:2}
.kn-table{font-size:.95rem}
.kn-table th,.kn-table td{padding:15px 14px}
.kn-table thead th{font-size:.87rem}
.kn-table td.c-major{font-size:1rem}
.kn-table td.c-rm,.kn-table td.c-rk{font-size:1.05rem}
}
@media(max-width:760px){
.kn-tbl-wrap{overflow:visible;padding:0;background:none;border:0;
box-shadow:none;border-radius:0}
.kn-table,.kn-table tbody,.kn-table tr,.kn-table td{display:block;width:auto}
.kn-table{table-layout:auto;font-size:.92rem}
.kn-table thead{display:none}
.kn-table tbody tr{position:relative;
display:grid;grid-template-columns:repeat(12,1fr);gap:9px 10px;
padding-block:16px;padding-inline:19px 16px;
border-radius:20px;margin-bottom:14px;
content-visibility:auto;contain-intrinsic-size:auto 205px;
background:
radial-gradient(130% 90% at 84% -20%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%),
radial-gradient(90% 70% at 2% 108%,rgba(0,151,109,.14),rgba(0,151,109,0) 64%),
radial-gradient(88% 66% at 99% 106%,rgba(0,144,220,.14),rgba(0,144,220,0) 62%),
linear-gradient(152deg,rgba(255,255,255,.74),rgba(255,255,255,.48) 50%,rgba(255,255,255,.62));
border:1px solid rgba(255,255,255,.58);
border-top-color:rgba(255,255,255,.99);
border-bottom-color:rgba(196,226,255,.44);
box-shadow:
0 1px 2px rgba(10,26,47,.17),
0 20px 34px -22px rgba(10,26,47,.62),
inset 0 1px 0 rgba(255,255,255,.98),
inset 0 -20px 32px -26px rgba(10,26,47,.22)}
.kn-table tbody tr::before{content:"";position:absolute;inset-block:12px;
inset-inline-start:0;width:4px;border-radius:4px;
background:linear-gradient(180deg,#00976D,#18CFA4 52%,#0090DC);
box-shadow:0 0 12px -1px rgba(0,151,109,.6)}
.kn-table tbody tr:last-child{margin-bottom:0}
.kn-table tbody tr td,.kn-table tbody tr:nth-child(even) td,
.kn-table tbody tr:hover td{padding:0;border:none;background:none;text-align:start}
.kn-table td.c-major{grid-column:1/-1;font-size:1.02rem}
.kn-table td.c-uni{grid-column:1/-1;font-size:.87rem;color:var(--muted);
padding-bottom:11px;border-bottom:1px solid rgba(10,26,47,.15)}
.kn-table td.c-rm,.kn-table td.c-rk{grid-row:3;grid-column:span 6;font-size:1.14rem}
.kn-table td.c-city,.kn-table td.c-sex,.kn-table td.c-mn{grid-row:4;
font-size:.86rem;color:var(--ink);font-weight:700;
display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.kn-table td.c-city{grid-column:span 5}
.kn-table td.c-sex{grid-column:span 4}
.kn-table td.c-mn{grid-column:span 3}
.kn-table td[data-l]::before{content:attr(data-l);display:block;margin-bottom:3px;
font-size:.66rem;font-weight:700;color:var(--muted);opacity:.9;letter-spacing:.2px}
.kn-table td.c-city::before,.kn-table td.c-sex::before,.kn-table td.c-mn::before{
display:inline;margin:0;font-size:.68rem;font-weight:600}
}
.kn-wrap{max-width:900px}
@media(min-width:981px){
.kn-wrap{max-width:1200px}
.kn-wrap>#knForm,.kn-wrap>.sx-sec,.kn-wrap>.offer{max-width:920px;margin-inline:auto}
}
@media(max-width:760px){
#knResults.kn-rv .kn-table tbody tr{opacity:0;transform:translateY(13px) scale(.987)}
#knResults.kn-rv .kn-table tbody tr.kn-in{opacity:1;transform:none;
transition:opacity .38s var(--g-ease),transform .44s var(--g-ease)}
}
@media(prefers-reduced-motion:reduce){
#knResults.kn-rv .kn-table tbody tr{opacity:1;transform:none;transition:none}
}
.kn-hero{position:relative;overflow:hidden;border-radius:var(--g-r);
padding:20px 22px 16px;margin-bottom:16px;color:#fff}
.knh-top{display:flex;align-items:flex-end;justify-content:space-between;
gap:14px 22px;flex-wrap:wrap}
.knh-cap{display:block;font-size:.8rem;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:3px}
.knh-big{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.knh-big b{font-size:clamp(2.1rem,7.5vw,2.9rem);font-weight:900;line-height:1;
letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fff;
text-shadow:0 2px 20px rgba(31,240,190,.38)}
.knh-big small{font-size:.8rem;font-weight:700;color:#7FF3D6}
.knh-stats{display:flex;gap:10px;flex-wrap:wrap}
.knh-st{padding:8px 14px;border-radius:14px;text-align:center;
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
.knh-st b{display:block;font-size:1.12rem;font-weight:900;color:#fff;
font-variant-numeric:tabular-nums;line-height:1.3}
.knh-st span{display:block;font-size:.68rem;font-weight:600;color:rgba(255,255,255,.66)}
.knh-spec{margin:14px 0 2px}
.knh-spec svg{display:block;width:100%;max-width:600px;height:auto;
margin-inline:auto;overflow:visible}
.knh-trk{stroke:rgba(255,255,255,.11);stroke-width:9;stroke-linecap:round}
.knh-prg{stroke:url(#knhG);stroke-width:9;stroke-linecap:round;
stroke-dasharray:584;stroke-dashoffset:584;
filter:drop-shadow(0 0 9px rgba(31,240,190,.5));
transition:stroke-dashoffset 1.25s cubic-bezier(.22,1,.36,1)}
.knh-dot{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center;
transform:scale(.2);filter:drop-shadow(0 0 8px rgba(255,255,255,.75));
transition:opacity .3s ease .95s,transform .5s cubic-bezier(.34,1.4,.64,1) .95s}
.knh-dot-c{fill:#0A1A2F;opacity:0;transition:opacity .3s ease 1.05s}
.kn-hero.on .knh-prg{stroke-dashoffset:0}
.kn-hero.on .knh-dot{opacity:1;transform:none}
.kn-hero.on .knh-dot-c{opacity:1}
@media(prefers-reduced-motion:reduce){
.knh-prg,.knh-dot,.knh-dot-c{transition:none}
.knh-prg{stroke-dashoffset:0}
.knh-dot,.knh-dot-c{opacity:1;transform:none}
}
.knh-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
max-width:600px;margin-inline:auto;
font-size:.74rem;font-weight:600;color:rgba(255,255,255,.66)}
.knh-foot b{font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.knh-mid{padding:3px 10px;border-radius:100px;font-weight:700;color:#7FF3D6;
background:rgba(31,240,190,.11);border:1px solid rgba(31,240,190,.22)}
@media(max-width:560px){
.kn-hero{padding:17px 16px 14px;border-radius:22px}
.knh-top{align-items:stretch;flex-direction:column;gap:12px}
.knh-stats{gap:8px}
.knh-st{flex:1;padding:8px 10px}
.knh-foot{font-size:.7rem;gap:6px}
.knh-trk,.knh-prg{stroke-width:16}
.knh-dot{r:9}
.knh-dot-c{r:4}
}
#knResults .bh{flex-wrap:wrap;align-items:flex-start;line-height:1.75}
#knResults .bh .pill{flex:none}
#knResults{position:relative;min-height:10px;transition:opacity .15s}
#knResults.kn-loading{opacity:.35;pointer-events:none}
#knResults.kn-loading::after{
content:'';position:absolute;top:36px;right:calc(50% - 17px);width:34px;height:34px;
border:3px solid var(--teal-soft);border-top-color:var(--teal);border-radius:50%;
animation:knspin .7s linear infinite;
}
@keyframes knspin{to{transform:rotate(360deg)}}
@keyframes knFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.kn-anim{animation:knFadeIn .4s ease both}
.kn-list .kn-row.kn-anim{animation-duration:.35s}
@media(prefers-reduced-motion:reduce){
.kn-anim{animation:none}
#knResults.kn-loading::after{animation:none}
}
.kn-tabs{display:flex;gap:6px;flex-wrap:wrap;background:rgba(10,26,47,.05);padding:6px;border-radius:14px;margin-bottom:22px}
.kn-tab{flex:1;min-width:120px;padding:11px 8px;border-radius:10px;background:transparent;font-weight:700;font-size:.85rem;color:var(--muted);transition:.2s;cursor:pointer;border:none;text-align:center;font-family:inherit}
.kn-tab{min-height:44px}
.kn-tab:hover{color:var(--ink)}
.kn-tab.sel{background:var(--paper-2);color:var(--ink);box-shadow:var(--shadow-sm)}
.kn-pick-clear{background:transparent;border:none;color:var(--teal-dark);font-size:.76rem;font-weight:700;cursor:pointer;padding:2px 6px;font-family:inherit}
.kn-pick-list{max-height:230px;overflow-y:auto;border:1.5px solid var(--line);border-radius:14px;padding:6px;margin-top:8px}
.kn-pick-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:.86rem;transition:.15s}
.kn-pick-item:hover{background:var(--paper)}
.kn-pick-item.sel{background:var(--teal-soft);color:var(--teal-dark);font-weight:700}
.kn-pick-item input{accent-color:var(--teal);flex:0 0 auto}
.kn-pick-item span{flex:1;min-width:0}
.kn-pick-empty{padding:16px;text-align:center;color:var(--muted);font-size:.85rem}
#knModal .wizard{position:relative;max-width:560px}
#knModal .wiz-body{padding:0 0 20px}
.kv-close{position:absolute;top:12px;inset-inline-end:12px;z-index:3;
width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.24);
background:rgba(10,26,47,.42);color:#fff;font-size:.95rem;cursor:pointer;
display:grid;place-items:center;font-family:inherit;transition:.2s}
.kv-close:hover{background:rgba(10,26,47,.7)}
.kv-top{padding:22px 24px 20px;border-radius:0;text-align:center}
.kv-cap{display:block;font-size:.76rem;font-weight:700;color:rgba(255,255,255,.62)}
.kv-major{display:block;margin-top:5px;font-size:1.3rem;font-weight:900;color:#fff;line-height:1.55;
text-wrap:balance}
.kv-uni{display:block;margin-top:3px;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.8);line-height:1.7}
.kv-ranks{display:flex;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.kv-ranks span{flex:1 1 130px;max-width:190px;padding:9px 12px;border-radius:15px;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.kv-ranks b{display:block;font-size:1.5rem;font-weight:900;color:#7FF3D6;line-height:1.2;
font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.kv-ranks i{display:block;font-style:normal;font-size:.75rem;font-weight:700;
color:rgba(255,255,255,.66);margin-top:2px}
.kv-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:15px 20px 0}
.kv-chips em{font-style:normal;font-size:.88rem;font-weight:700;color:var(--ink);
padding:7px 15px;border-radius:100px;
background:color-mix(in srgb,var(--ink) 7%,transparent);
border:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}
.kv-sec{padding:18px 22px 0}
.kv-sect{display:block;font-size:.8rem;font-weight:800;color:var(--ink);opacity:.72;margin-bottom:9px}
.kv-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kv-tiles span{padding:12px 8px;border-radius:15px;text-align:center;
background:
radial-gradient(120% 150% at 30% -40%,rgba(255,255,255,.72),rgba(255,255,255,0) 62%),
radial-gradient(90% 130% at 100% 130%,rgba(0,144,220,.18),rgba(0,144,220,0) 60%),
linear-gradient(152deg,rgba(0,214,160,.30),rgba(0,151,109,.23) 52%,rgba(0,144,220,.18));
border:1px solid rgba(255,255,255,.5);
border-top-color:rgba(255,255,255,.88);
border-bottom-color:rgba(0,96,63,.22);
box-shadow:
0 1px 2px rgba(10,26,47,.12),
0 9px 18px -13px rgba(0,96,63,.55),
inset 0 1px 0 rgba(255,255,255,.78),
inset 0 -8px 15px -12px rgba(0,96,63,.26)}
.kv-tiles b{display:block;font-size:1.12rem;font-weight:900;color:var(--teal-dark);
line-height:1.25;font-variant-numeric:tabular-nums}
.kv-tiles i{display:block;font-style:normal;font-size:.75rem;font-weight:700;
color:var(--teal-dark);opacity:.85;margin-top:3px;line-height:1.55;
overflow-wrap:anywhere}
.kv-bars{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.kv-bars li{display:grid;grid-template-columns:minmax(0,6.6rem) 1fr auto;align-items:center;gap:10px}
.kv-bl{font-size:.82rem;font-weight:700;color:var(--ink);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kv-bt{position:relative;height:10px;border-radius:100px;
background:color-mix(in srgb,var(--ink) 8%,transparent)}
.kv-bt i{position:absolute;top:0;bottom:0;inset-inline-start:0;width:var(--p,0%);
border-radius:100px;background:linear-gradient(90deg,#4FC3F7,var(--teal));
box-shadow:0 0 9px -2px rgba(0,151,109,.5);
transform-origin:inline-start;
animation:m3Grow .75s cubic-bezier(.22,1,.36,1) backwards;
animation-delay:calc(var(--i,0) * .06s)}
.kv-bars b{font-size:.86rem;font-weight:900;color:var(--teal-dark);
font-variant-numeric:tabular-nums;min-width:3.4rem;text-align:start}
.kv-bars li.kv-neg b{color:var(--ink);font-size:.8rem}
.kv-bars li.kv-neg .kv-bt{background:color-mix(in srgb,var(--gold) 28%,transparent)}
@media(max-width:520px){
.kv-top{padding:20px 16px 18px}
.kv-major{font-size:1.14rem}
.kv-ranks b{font-size:1.3rem}
.kv-sec{padding:16px 15px 0}
.kv-chips{padding:12px 15px 0}
.kv-tiles{gap:6px}
.kv-tiles b{font-size:1rem}
.kv-bars li{grid-template-columns:minmax(0,5.2rem) 1fr auto;gap:8px}
.kv-bl{font-size:.76rem}
.kv-bars b{font-size:.8rem;min-width:3rem}
}
.kn-pick-chosen{display:inline-flex;align-items:center;gap:6px;margin:2px 0 8px;
padding:5px 12px;border-radius:100px;font-size:.8rem;font-weight:700;
background:rgba(10,26,47,.06);color:var(--muted);border:1px dashed var(--line)}
.kn-pick-chosen.on{background:var(--teal-soft);color:var(--teal-dark);
border-style:solid;border-color:rgba(0,151,109,.3)}
.kn-pick-chosen.on::before{content:'✓';font-weight:900}
.sx-wrap{max-width:940px}
.sx-sec{margin-bottom:64px}
.sx-sec:last-child{margin-bottom:0}
.sx-h{font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.3px;line-height:1.45;
margin-bottom:18px;display:flex;align-items:center;gap:13px}
.sx-h .n{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
font-size:1.05rem;font-weight:900;color:#fff;background:var(--grad-brand);box-shadow:var(--glow-teal)}
.sx-h3{font-size:1.06rem;font-weight:800;margin:26px 0 10px;color:var(--teal-dark)}
.sx-p{color:var(--muted);font-size:1rem;line-height:2.1;margin-bottom:14px}
.sx-p:last-child{margin-bottom:0}
.sx-p a{color:var(--teal-dark);font-weight:700;border-bottom:1.5px solid rgba(0,151,109,.35);transition:.2s}
.sx-p a:hover{border-bottom-color:var(--teal);background:var(--teal-soft)}
.sx-p b{color:var(--ink);font-weight:700}
.sx-lead{position:relative;font-size:1.09rem;line-height:2.05;color:var(--ink);font-weight:500;
background:linear-gradient(120deg,var(--teal-soft),rgba(227,243,252,.6));
border-radius:18px;padding:22px 26px 22px 24px;margin-bottom:22px;
border-inline-start:4px solid var(--teal)}
.sx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:16px;margin-top:22px}
.sx-grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:720px){.sx-grid-3{grid-template-columns:1fr}}
.sx-card{background:var(--paper-2);border:1px solid var(--line);border-radius:20px;padding:24px 22px;
transition:.25s;position:relative;overflow:hidden}
.sx-card::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--grad-brand-r);
transform:scaleX(0);transform-origin:right;transition:transform .35s}
.sx-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(0,151,109,.35)}
.sx-card:hover::before{transform:scaleX(1)}
.sx-card .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;
background:var(--teal-soft);margin-bottom:14px}
.sx-card h4,.sx-card h3{font-size:1rem;font-weight:800;margin-bottom:8px}
.sx-card p{font-size:.89rem;color:var(--muted);line-height:1.95;margin:0}
.sx-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:24px}
.sx-g{border-radius:22px;padding:26px 24px;border:1.5px solid;transition:.25s;position:relative}
.sx-g:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.sx-g .tag{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;
padding:5px 14px;border-radius:100px;margin-bottom:14px;color:#fff}
.sx-g h4,.sx-g h3{font-size:1.05rem;font-weight:800;margin-bottom:10px}
.sx-g p{font-size:.9rem;color:var(--muted);line-height:1.95;margin-bottom:14px}
.sx-g .exs{display:flex;flex-wrap:wrap;gap:7px}
.sx-g .exs span{font-size:.76rem;font-weight:700;padding:4px 12px;border-radius:100px;background:var(--paper-2)}
.sx-g.t{background:linear-gradient(160deg,var(--teal-soft),#fff 62%);border-color:rgba(0,151,109,.4)}
.sx-g.t .tag{background:var(--teal)} .sx-g.t .exs span{color:var(--teal-dark)}
.sx-g.r{background:linear-gradient(160deg,var(--amber-soft),#fff 62%);border-color:rgba(0,144,220,.4)}
.sx-g.r .tag{background:var(--amber)} .sx-g.r .exs span{color:var(--amber-dark)}
.sx-g.e{background:linear-gradient(160deg,rgba(242,184,75,.16),#fff 62%);border-color:rgba(217,147,42,.4)}
.sx-g.e .tag{background:var(--gold-dark)} .sx-g.e .exs span{color:var(--gold-dark)}
.sx-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:24px}
.sx-cmp .c{background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:22px 20px;
text-align:center;transition:.25s}
.sx-cmp .c:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.sx-cmp .c .ic{font-size:1.75rem;margin-bottom:10px;display:block}
.sx-cmp .c b{display:block;font-size:1rem;font-weight:800;margin-bottom:8px}
.sx-cmp .c span{display:block;font-size:.86rem;color:var(--muted);line-height:1.9}
.sx-cmp .c em{display:block;margin-top:10px;font-size:.76rem;font-style:normal;font-weight:700;
color:var(--teal-dark);background:var(--teal-soft);border-radius:100px;padding:4px 12px}
.sx-steps{display:flex;flex-direction:column;gap:12px;margin-top:24px;counter-reset:sxs}
.sx-step{counter-increment:sxs;display:flex;gap:16px;align-items:flex-start;
background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:20px 22px;transition:.25s}
.sx-step:hover{border-color:var(--teal);box-shadow:var(--shadow-sm)}
.sx-step::before{content:counter(sxs,persian);flex:0 0 auto;width:34px;height:34px;border-radius:11px;
display:grid;place-items:center;font-weight:900;font-size:.95rem;
background:var(--teal-soft);color:var(--teal-dark)}
.sx-step .tx{flex:1;min-width:0}
.sx-step .tx b{display:block;font-size:.98rem;font-weight:800;margin-bottom:5px}
.sx-step .tx span{display:block;font-size:.89rem;color:var(--muted);line-height:1.95}
.sx-step .tx a{color:var(--teal-dark);font-weight:700;border-bottom:1.5px solid rgba(0,151,109,.35)}
.sx-step .tx a:hover{border-bottom-color:var(--teal)}
.sx-note{display:flex;gap:16px;align-items:flex-start;border-radius:20px;padding:24px 26px;margin-top:22px;
background:linear-gradient(120deg,rgba(242,184,75,.14),#fff 65%);
border:1.5px solid rgba(217,147,42,.38)}
.sx-note .ic{font-size:1.6rem;flex:0 0 auto;line-height:1.4}
.sx-note p{font-size:.96rem;line-height:2.05;color:var(--muted);margin:0}
.sx-note p b{color:var(--ink)}
.sx-cta{position:relative;overflow:hidden;border-radius:26px;padding:40px 36px;margin-top:56px;
background:linear-gradient(135deg,var(--ink),var(--ink-2));color:#fff;text-align:center}
.sx-cta::before{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(560px 240px at 80% -10%,rgba(0,151,109,.34),transparent 60%),
radial-gradient(500px 220px at 12% 110%,rgba(0,144,220,.30),transparent 60%)}
.sx-cta > *{position:relative}
.sx-cta h3{font-size:clamp(1.25rem,2.6vw,1.65rem);font-weight:800;margin-bottom:12px;color:#fff}
.sx-cta p{color:#fff;font-size:.98rem;line-height:2;max-width:52ch;margin:0 auto 24px}
.sx-cta .btn{margin-inline:auto}
@media(max-width:640px){
.sx-sec{margin-bottom:48px}
.sx-h{gap:10px}
.sx-h .n{width:32px;height:32px;font-size:.92rem;border-radius:10px}
.sx-lead{font-size:1.02rem;padding:18px 20px}
.sx-cta{padding:32px 22px;border-radius:22px}
.sx-note{padding:20px 18px;gap:12px}
}
.toc-fold{margin-bottom:34px}
.toc-fold > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
font-size:.95rem;font-weight:800;color:var(--ink)}
.toc-fold > summary::-webkit-details-marker{display:none}
.toc-fold > summary::after{content:"▾";margin-inline-start:auto;font-size:.9rem;color:var(--teal-dark);
transition:transform .2s}
.toc-fold[open] > summary::after{transform:rotate(180deg)}
.toc-fold > ol{margin-top:12px}
.toc-fold li a{display:inline-block;padding:2px 0}
.sx-list{margin-top:18px;display:flex;flex-direction:column;gap:10px;list-style:none}
.sx-list li{position:relative;padding:14px 46px 14px 18px;border-radius:16px;
background:var(--paper-2);border:1px solid var(--line);
font-size:.95rem;line-height:2;color:var(--muted)}
.sx-list li::before{content:"◆";position:absolute;inset-inline-start:18px;top:14px;
color:var(--teal);font-size:.8rem}
.sx-list li b{color:var(--ink);font-weight:700}
.save-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
margin:18px auto 0;padding:12px 16px;border-radius:16px;max-width:520px;
font-size:.9rem;font-weight:600;line-height:1.9;
border:1px solid var(--line);background:var(--paper-2);color:var(--muted)}
.save-state .ss-ic{font-size:1.05rem;line-height:1}
.save-state .ss-tx{flex:1 1 auto;min-width:140px;text-align:start}
.save-state.ss-ok{border-color:rgba(0,151,109,.42);background:var(--teal-soft);color:var(--teal-dark)}
.save-state.ss-fail{border-color:rgba(214,77,77,.42);background:rgba(214,77,77,.08);color:#a33}
.save-state.ss-guest,.save-state.ss-expired{border-color:rgba(217,147,42,.42);background:rgba(242,184,75,.12);color:#8a6212}
.btn.btn-sm{padding:8px 14px;font-size:.82rem;border-radius:12px}
@media(max-width:520px){
.save-state{flex-direction:column;text-align:center}
.save-state .ss-tx{text-align:center}
}
.btn.is-loading{opacity:.75;cursor:progress;pointer-events:none}
.article .body .art-cta-box{display:flex;align-items:center;gap:18px;flex-wrap:wrap;
margin:36px 0;padding:26px 24px;border-radius:22px;
background:linear-gradient(135deg,var(--ink),var(--ink-2));color:#fff}
.article .body .art-cta-box .acb-ic{font-size:2rem;line-height:1;flex:0 0 auto}
.article .body .art-cta-box .acb-tx{flex:1 1 240px}
.article .body .art-cta-box h4{font-size:1.08rem;font-weight:800;color:#fff;margin:0 0 8px}
.article .body .art-cta-box p{color:#fff;font-size:.92rem;line-height:1.95;margin:0}
.article .body .art-cta-box .btn{flex:0 0 auto}
@media(max-width:560px){
.article .body .art-cta-box{flex-direction:column;text-align:center;padding:24px 18px}
.article .body .art-cta-box .btn{width:100%}
}
.mj-i{width:1em;height:1em;flex-shrink:0;display:inline-block;vertical-align:-.12em}
.mj-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:120;pointer-events:none;
background:rgba(10,26,47,.13)}
.mj-progress i{display:block;height:100%;width:0;background:var(--grad-brand-r);
box-shadow:0 0 6px rgba(0,151,109,.35);transition:width .12s linear;border-start-end-radius:3px;border-end-end-radius:3px}
.mj-mast{position:relative;overflow:hidden;background:var(--paper-2);border:1px solid var(--line);
border-radius:30px;padding:44px 46px 38px;margin-bottom:22px;box-shadow:var(--shadow-sm)}
.mj-mast-tex{position:absolute;inset:0;pointer-events:none;opacity:.5;
background-image:radial-gradient(rgba(10,26,47,.13) 1px,transparent 1px);background-size:17px 17px;
-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.mj-mast-glow{position:absolute;top:-190px;inset-inline-start:-120px;width:430px;height:430px;border-radius:50%;
background:radial-gradient(circle,rgba(0,151,109,.20),rgba(0,144,220,.10) 45%,transparent 70%);pointer-events:none}
.mj-mast-in{position:relative}
.mj-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;
color:var(--teal-dark);background:var(--teal-soft);padding:6px 15px;border-radius:100px;margin-bottom:18px}
.mj-eyebrow .mj-i{width:15px;height:15px}
.mj-idrow{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.mj-mono{flex-shrink:0;width:70px;height:70px;border-radius:22px;display:grid;place-items:center;
font-size:2rem;line-height:1;background:var(--grad-brand);box-shadow:var(--glow-teal);
transform:rotate(-4deg);transition:transform .35s cubic-bezier(.2,.9,.3,1)}
.mj-mast:hover .mj-mono{transform:rotate(0deg) scale(1.04)}
.mj-title{position:relative;font-size:clamp(1.75rem,4vw,2.9rem);font-weight:900;line-height:1.4;
letter-spacing:-.4px;margin:0;padding-bottom:12px}
.mj-swash{position:absolute;inset-inline-start:0;bottom:0;width:min(100%,300px);height:11px;overflow:visible}
.mj-swash path{stroke-dasharray:320;stroke-dashoffset:320;animation:mjDraw 1.1s .25s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes mjDraw{to{stroke-dashoffset:0}}
.mj-lead{font-size:1.09rem;line-height:2.05;color:var(--muted);max-width:62ch;margin:0}
.mj-metarow{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.mj-metai{display:inline-flex;align-items:center;gap:7px;font-size:.83rem;font-weight:600;color:var(--muted)}
.mj-metai .mj-i{width:16px;height:16px;color:var(--teal)}
.mj-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper-2);
border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-bottom:22px;box-shadow:var(--shadow-sm)}
.mj-stat{position:relative;padding:22px 20px;display:flex;flex-direction:column;gap:7px;transition:background .25s}
.mj-stat + .mj-stat::before{content:"";position:absolute;inset-inline-start:0;top:16%;height:68%;width:1px;background:var(--line)}
.mj-stat:hover{background:linear-gradient(180deg,rgba(0,151,109,.07),transparent)}
.ms-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
background:var(--teal-soft);color:var(--teal-dark);margin-bottom:2px}
.ms-ic .mj-i{width:19px;height:19px}
.ms-l{font-size:.74rem;font-weight:700;color:var(--muted);letter-spacing:.2px}
.ms-v{font-size:.94rem;font-weight:800;color:var(--ink);line-height:1.7}
.mj-insight{position:relative;overflow:hidden;
background:
linear-gradient(0deg,rgba(0,144,220,.10),rgba(0,144,220,.10)),
radial-gradient(126% 64% at 16% -14%,rgba(255,255,255,.9),rgba(255,255,255,0) 56%),
linear-gradient(152deg,rgba(255,255,255,.78),rgba(255,255,255,.6) 48%,rgba(255,255,255,.7));
border:1px solid rgba(0,144,220,.32);border-radius:24px;padding:26px 30px;margin-bottom:26px;
box-shadow:0 1px 2px rgba(10,26,47,.1),0 20px 44px -28px rgba(0,144,220,.55),
inset 0 1px 0 rgba(255,255,255,.95)}
.mi-edge{position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:var(--grad-brand)}
.mi-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.mi-ic{flex-shrink:0;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;
background:var(--paper-2);color:var(--amber-dark);box-shadow:var(--shadow-sm)}
.mi-ic .mj-i{width:23px;height:23px}
.mi-body{min-width:0}
.mi-head h2{font-size:1.04rem;font-weight:800;color:var(--amber-dark);margin:0}
.mi-body p{font-size:.94rem;line-height:1.95;color:var(--ink);margin:0 0 10px}
.mi-note{display:inline-flex;align-items:flex-start;gap:6px;font-size:.78rem;line-height:1.75;color:var(--muted)}
.mi-note .mj-i{width:15px;height:15px;margin-top:3px;color:var(--amber-dark)}
.mj-sec{background:var(--paper-2);border:1px solid var(--line);border-radius:26px;
padding:32px 34px;margin-bottom:22px;box-shadow:var(--shadow-sm)}
.mj-h{position:relative;display:flex;align-items:center;gap:11px;font-size:1.12rem;font-weight:900;
color:var(--ink);margin:0 0 22px;padding-bottom:16px}
.mj-h::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;
background:linear-gradient(to left,var(--line),transparent)}
.mj-h .mj-i{width:21px;height:21px;color:var(--teal)}
.mj-h[data-n]::before{content:attr(data-n);
font-size:.76rem;font-weight:900;color:var(--teal-dark);background:var(--teal-soft);
padding:4px 9px;border-radius:8px;letter-spacing:.5px;flex:none}
.mj-h-n{font-size:.76rem;font-weight:900;color:var(--teal-dark);background:var(--teal-soft);
padding:4px 9px;border-radius:8px;letter-spacing:.5px}
.mj-courses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.mj-courses li{display:flex;align-items:baseline;gap:12px;padding:12px 2px;
border-bottom:1px solid var(--line);font-size:.92rem;line-height:1.85;transition:padding-inline-start .22s,color .22s}
.mj-courses li:hover{padding-inline-start:8px;color:var(--teal-dark)}
.mc-n{flex-shrink:0;font-size:.76rem;font-weight:900;color:var(--teal);opacity:.65;font-feature-settings:"tnum"}
.mc-t{min-width:0}
.mj-prose{font-size:.98rem;line-height:2.05;color:var(--muted);margin:0;max-width:66ch}
.mj-jobs{list-style:none;margin:14px 0 0;padding:0}
.mj-job{display:flex;align-items:baseline;gap:10px;padding:11px 2px;
border-bottom:1px dashed var(--line);font-size:.93rem;line-height:1.75}
.mj-job:last-child{border-bottom:none}
.mjb-t{color:var(--ink);font-weight:700}
.mj-job::after{content:"";flex:1 1 auto;min-width:16px;height:1px;
background:repeating-linear-gradient(90deg,var(--line) 0 2px,transparent 2px 6px);
transform:translateY(-3px);order:1}
.mjb-s{order:2;flex-shrink:0;display:inline-flex;align-items:baseline;gap:4px;
padding:3px 10px;border-radius:9px;background:rgba(255,255,255,.72);
border:1px solid rgba(0,151,109,.28);color:var(--teal-dark);
font-size:.78rem;font-weight:700;white-space:nowrap;font-feature-settings:"tnum"}
.mjb-s b{font-weight:900;font-size:1rem;letter-spacing:-.01em}
.mjb-s b i{font-style:normal;font-weight:700;font-size:.76rem;margin:0 4px}
.mjb-s em{font-style:normal;font-weight:700;opacity:.9}
.mjb-non{background:transparent;border-color:var(--line);color:var(--ink);
font-weight:600;opacity:.7;font-size:.78rem}
.mj-jfoot{display:flex;justify-content:center;gap:8px;margin:16px 0 0;padding-top:13px;
border-top:1px solid var(--line);text-align:center;
font-size:.82rem;line-height:1.95;color:var(--ink)}
.mj-jfoot span{max-width:58ch}
.mj-jfoot svg{flex-shrink:0;width:16px;height:16px;margin-top:5px;color:var(--amber-dark)}
.mj-jfoot b{font-weight:800}
.mj-jfoot a{color:var(--amber-dark);text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){
.mj-job{flex-wrap:wrap;gap:5px 10px;padding:12px 2px}
.mj-job::after{display:none}
.mjb-t{flex:1 1 100%}
}
.mj-unis{display:flex;flex-wrap:wrap;gap:10px}
.mj-uni{display:inline-flex;align-items:center;gap:9px;font-size:.87rem;font-weight:700;color:var(--ink);
background:var(--paper-2);border:1px solid var(--line);border-radius:100px;padding:8px 16px 8px 8px;
transition:transform .22s cubic-bezier(.2,.9,.3,1),border-color .22s,box-shadow .22s}
.mj-uni i{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
font-style:normal;font-size:.72rem;font-weight:900;color:#fff;background:var(--grad-brand)}
.mj-uni:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:var(--shadow-sm)}
.mj-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.mj-relc{display:flex;align-items:center;gap:12px;padding:15px 17px;border-radius:17px;
border:1px solid var(--line);background:var(--paper-2);transition:transform .25s cubic-bezier(.2,.9,.3,1),border-color .25s,box-shadow .25s}
.mj-relc:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:var(--shadow-sm)}
.mr-ic{flex-shrink:0;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
font-size:1.05rem;background:var(--teal-soft)}
.mr-t{flex:1;min-width:0;font-size:.89rem;font-weight:700;line-height:1.65}
.mr-go{flex-shrink:0;width:20px;height:20px;color:var(--teal);opacity:0;transform:translateX(6px);transition:.25s}
.mj-relc:hover .mr-go{opacity:1;transform:none}
.mr-go svg{width:100%;height:100%}
.mj-read{padding:34px 36px}
.mj-toc{margin-bottom:32px}
.mj-toc b{display:flex;align-items:center;gap:8px}
.mj-toc b .mj-i{width:17px;height:17px;color:var(--teal)}
.mj-article{padding:0!important;max-width:100%}
.mj-article .body > p:first-of-type{font-size:1.06rem;line-height:2.1;color:var(--ink);font-weight:500}
.mj-article .body h2{position:relative;padding-inline-start:16px}
.mj-article .body h2::before{content:"";position:absolute;inset-inline-start:0;top:.28em;bottom:.28em;
width:4px;border-radius:100px;background:var(--grad-brand)}
.mj-side{display:flex;flex-direction:column;gap:18px}
.mj-cta{position:relative;overflow:hidden;border-radius:26px;padding:28px 26px;
background:linear-gradient(150deg,var(--ink),var(--ink-2));color:#fff;box-shadow:var(--shadow)}
.mjc-glow{position:absolute;top:-90px;inset-inline-end:-70px;width:250px;height:250px;border-radius:50%;
background:radial-gradient(circle,rgba(31,240,190,.28),transparent 68%);pointer-events:none}
.mjc-alt .mjc-glow{background:radial-gradient(circle,rgba(0,144,220,.34),transparent 68%)}
.mjc-ic{position:relative;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#7BF7D8;margin-bottom:14px}
.mjc-ic .mj-i{width:22px;height:22px}
.mj-cta b{position:relative;display:block;font-size:1rem;font-weight:800;line-height:1.75;margin-bottom:8px}
.mj-cta p{position:relative;font-size:.86rem;line-height:1.9;color:#fff;margin:0 0 18px}
.mj-cta .btn{position:relative;width:100%;justify-content:center}
.mj-panel{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;
padding:24px 22px;box-shadow:var(--shadow-sm)}
.mj-ph{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:800;color:var(--ink);
margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.mj-ph .mj-i{width:18px;height:18px;color:var(--teal)}
.mj-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mj-type{text-align:center;padding:12px 8px;border-radius:15px;background:var(--teal-soft);
transition:transform .22s cubic-bezier(.2,.9,.3,1)}
.mj-type:hover{transform:translateY(-3px)}
.mj-type b{display:block;font-size:1.16rem;font-weight:900;background:var(--grad-brand);
-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px}
.mj-type span{display:block;font-size:.72rem;color:var(--muted);margin-top:3px}
.mj-teacher{text-align:center}
@media(max-width:900px){
.mj-mast{padding:30px 24px 26px;border-radius:24px}
.mj-idrow{gap:14px}
.mj-mono{width:56px;height:56px;border-radius:18px;font-size:1.6rem}
.mj-lead{font-size:1rem;line-height:1.95}
.mj-stats{grid-template-columns:1fr 1fr;border-radius:20px}
.mj-stat + .mj-stat::before{display:none}
.mj-stat{border-top:1px solid var(--line)}
.mj-stat:nth-child(-n+2){border-top:none}
.mj-stat:nth-child(even){border-inline-start:1px solid var(--line)}
.mj-sec,.mj-read{padding:24px 20px;border-radius:22px}
.mj-insight{padding:22px 20px 22px 24px;border-radius:20px}
.mi-head{gap:11px;margin-bottom:10px}
.mj-courses{grid-template-columns:1fr;gap:0}
.mj-side{gap:14px}
.mj-cta{padding:24px 20px;border-radius:22px}
}
@media(max-width:400px){
.mj-stats{grid-template-columns:1fr}
.mj-stat:nth-child(even){border-inline-start:none}
.mj-stat:nth-child(2){border-top:1px solid var(--line)}
.mj-types{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
.mj-swash path{animation:none;stroke-dashoffset:0}
.mj-progress i{transition:none}
.mj-mono,.mj-uni,.mj-relc,.mj-type,.mj-courses li,.mr-go{transition:none!important}
.mj-mast:hover .mj-mono,.mj-uni:hover,.mj-relc:hover,.mj-type:hover{transform:none}
.mr-go{opacity:1;transform:none}
}
.q-opts5{display:flex;gap:8px;margin-bottom:10px}
.q-opt5{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
text-align:center;padding:16px 4px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper);
font-family:inherit;font-size:.86rem;font-weight:700;color:var(--ink);line-height:1.45;cursor:pointer;
transition:.18s;box-shadow:0 6px 16px -12px rgba(10,26,47,.25)}
.q-opt5 span{display:block;font-weight:700}
.q-opt5.a2{border-color:rgba(0,151,109,.55)}
.q-opt5.a1{border-color:rgba(0,151,109,.28)}
.q-opt5.d1{border-color:rgba(224,117,90,.28)}
.q-opt5.d2{border-color:rgba(224,117,90,.55)}
@media (hover:hover){
.q-opt5.a2:hover,.q-opt5.a1:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-2px)}
.q-opt5.n0:hover{border-color:var(--line);background:var(--paper-2);transform:translateY(-2px)}
.q-opt5.d1:hover,.q-opt5.d2:hover{border-color:#e0755a;background:#fdeee7;transform:translateY(-2px)}
}
.q-opt5.a2:active,.q-opt5.a1:active{border-color:var(--teal);background:var(--teal-soft)}
.q-opt5.n0:active{background:var(--paper-2)}
.q-opt5.d1:active,.q-opt5.d2:active{border-color:#e0755a;background:#fdeee7}
.q-opt5.sel{border-width:2px}
.q-opt5.a2.sel,.q-opt5.a1.sel{border-color:var(--teal);background:var(--teal-soft)}
.q-opt5.n0.sel{border-color:var(--muted);background:var(--paper-2)}
.q-opt5.d1.sel,.q-opt5.d2.sel{border-color:#e0755a;background:#fdeee7}
@media(max-width:560px){
.q-opts5{gap:5px}
.q-opt5{padding:14px 2px;font-size:.74rem;border-radius:13px;line-height:1.4}
}
@media(max-width:360px){
.q-opt5{font-size:.68rem;padding:12px 1px}
}
.conf-note{max-width:520px;margin:12px auto 0;padding:11px 15px;border-radius:14px;
border:1px solid rgba(214,158,46,.35);background:rgba(214,158,46,.09);
font-size:.85rem;line-height:1.9;color:var(--ink);text-align:center}
.conf-note b{color:var(--teal-dark);direction:ltr;display:inline-block}
.tps-intro{max-width:760px;margin:0 auto 34px;text-align:center}
.tps-intro p{font-size:1.02rem;line-height:2.1;color:var(--muted)}
.tps-intro a{color:var(--teal-dark);font-weight:800;border-bottom:1.5px solid var(--teal-soft)}
.tps-fam{margin-bottom:52px}
.tps-fam-h{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;
padding:20px 22px;border-radius:22px;border:1px solid var(--line);background:var(--paper-2);position:relative;overflow:hidden}
.tps-fam-h::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:var(--grad-brand)}
.tf-ic{flex:none;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:1.6rem;
background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 20px -14px rgba(10,26,47,.4)}
.tf-tx{min-width:0}
.tf-tx h2{font-size:1.32rem;font-weight:900;margin-bottom:6px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tf-let{font-size:.72rem;font-weight:800;letter-spacing:.06em;direction:ltr;padding:3px 9px;border-radius:999px;
background:var(--teal-soft);color:var(--teal-dark)}
.tf-tx p{font-size:.93rem;line-height:2;color:var(--muted);margin-bottom:9px}
.tf-konkur{display:inline-flex;align-items:flex-start;gap:7px;font-size:.85rem;line-height:1.9;color:var(--ink);
padding:8px 12px;border-radius:13px;background:var(--paper);border:1px dashed var(--line)}
.tf-konkur svg{flex:none;width:17px;height:17px;margin-top:3px;color:var(--teal-dark)}
.tps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tps-card{display:flex;flex-direction:column;gap:7px;padding:20px 18px 16px;border-radius:20px;
border:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden;
transition:.22s;box-shadow:0 10px 26px -22px rgba(10,26,47,.5)}
.tps-card::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--grad-brand);
transform:scaleX(0);transform-origin:100% 50%;transition:transform .28s}
.tps-card:hover{transform:translateY(-4px);border-color:rgba(0,151,109,.4);box-shadow:0 20px 40px -26px rgba(10,26,47,.55)}
.tps-card:hover::before{transform:scaleX(1)}
.tc-ic{font-size:1.5rem;line-height:1}
.tc-code{font-size:1.24rem;font-weight:900;letter-spacing:.04em;direction:ltr;
background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tc-name{font-size:.95rem;font-weight:800;color:var(--ink)}
.tc-sum{font-size:.83rem;line-height:1.95;color:var(--muted);flex:1}
.tc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;
padding-top:11px;border-top:1px dashed var(--line)}
.tc-pop{font-size:.74rem;color:var(--muted)}
.tc-go{font-size:.76rem;font-weight:800;color:var(--teal-dark)}
.tps-note{display:flex;gap:12px;align-items:flex-start;max-width:820px;margin:8px auto 0;
padding:16px 19px;border-radius:18px;border:1px solid rgba(214,158,46,.32);background:rgba(214,158,46,.08)}
.tps-note .ic{flex:none;font-size:1.15rem}
.tps-note p{font-size:.88rem;line-height:2.05;color:var(--ink)}
.tp-stack{margin-bottom:34px}
.tps-fn{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px}
.tpf{padding:15px 12px;border-radius:17px;text-align:center;border:1px solid var(--line);background:var(--paper-2);
transition:.2s}
.tpf:hover{transform:translateY(-3px)}
.tpf-0{background:var(--teal-soft);border-color:rgba(0,151,109,.42)}
.tpf-1{background:var(--teal-soft);border-color:rgba(0,151,109,.24);opacity:.94}
.tpf-2{opacity:.86}
.tpf-3{opacity:.74}
.tpf-rank{display:block;font-size:.7rem;font-weight:800;color:var(--muted);margin-bottom:5px}
.tpf-code{display:block;font-size:1.3rem;font-weight:900;direction:ltr;
background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tpf-name{display:block;font-size:.74rem;color:var(--muted);margin-top:3px}
.tps-fn-note{font-size:.86rem;line-height:2.05;color:var(--muted);
padding:12px 15px;border-radius:14px;background:var(--paper-2);border:1px dashed var(--line)}
.tp-konkur{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tpk{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--paper-2)}
.tpk-good{background:var(--teal-soft);border-color:rgba(0,151,109,.28)}
.tpk-warn{background:rgba(214,158,46,.09);border-color:rgba(214,158,46,.32)}
.tk-l{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:800;color:var(--ink);margin-bottom:7px}
.tk-l svg{width:17px;height:17px;color:var(--teal-dark)}
.tpk p{font-size:.9rem;line-height:2.05;color:var(--muted)}
.tp-sg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tsg{padding:18px 20px;border-radius:19px;border:1px solid var(--line);background:var(--paper-2)}
.tsg b{display:block;font-size:.95rem;font-weight:800;margin-bottom:11px;padding-bottom:9px;border-bottom:1px dashed var(--line)}
.tsg ul{list-style:none}
.tsg li{position:relative;padding-inline-start:21px;font-size:.89rem;line-height:2.15;color:var(--muted)}
.tsg li::before{content:"";position:absolute;inset-inline-start:0;top:13px;width:7px;height:7px;border-radius:50%}
.tsg-plus{background:var(--teal-soft);border-color:rgba(0,151,109,.26)}
.tsg-plus li::before{background:var(--teal)}
.tsg-minus li::before{background:#d69e2e}
.tp-mg{margin-top:20px}
.tp-mg-h{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;margin-bottom:11px;color:var(--ink)}
.tp-mg-h svg{width:19px;height:19px;color:var(--teal-dark)}
.tp-env{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tpe{padding:18px 20px;border-radius:19px;border:1px solid var(--line);background:var(--paper-2)}
.tpe b{display:block;font-size:.94rem;font-weight:800;margin-bottom:8px}
.tpe p{font-size:.89rem;line-height:2.05;color:var(--muted)}
.tpe-yes{background:var(--teal-soft);border-color:rgba(0,151,109,.26)}
.tpe-no{background:rgba(224,117,90,.07);border-color:rgba(224,117,90,.26)}
.mj-type.is-cur{background:var(--ink);border-color:var(--ink)}
.mj-type.is-cur b{background:none;-webkit-text-fill-color:#fff;color:#fff}
.mj-type.is-cur span{color:#fff}
@media(max-width:1000px){
.tps-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
.tps-fn{grid-template-columns:repeat(2,1fr)}
.tp-konkur,.tp-sg,.tp-env{grid-template-columns:1fr}
}
@media(max-width:560px){
.tps-grid{grid-template-columns:1fr}
.tps-fam-h{flex-direction:column;gap:12px;padding:17px 18px;border-radius:19px}
.tf-ic{width:46px;height:46px;font-size:1.35rem;border-radius:14px}
.tf-tx h2{font-size:1.15rem}
.tps-fam{margin-bottom:38px}
.tpf{padding:13px 9px;border-radius:15px}
.tpf-code{font-size:1.15rem}
}
@media (prefers-reduced-motion: reduce){
.tps-card,.tpf{transition:none!important}
.tps-card:hover,.tpf:hover{transform:none}
.tps-card::before{transition:none}
}
.res-typelink{display:flex;align-items:center;gap:14px;max-width:620px;margin:20px auto 4px;
padding:16px 19px;border-radius:19px;border:1px solid rgba(0,151,109,.32);background:var(--teal-soft);
transition:.2s;text-align:start}
.res-typelink:hover{transform:translateY(-3px);border-color:var(--teal);
box-shadow:0 18px 36px -26px rgba(0,151,109,.7)}
.res-typelink .rt-ic{flex:none;font-size:1.5rem}
.res-typelink .rt-tx{flex:1;min-width:0}
.res-typelink .rt-tx b{display:block;font-size:.97rem;font-weight:800;color:var(--ink);margin-bottom:4px}
.res-typelink .rt-tx b span{direction:ltr;display:inline-block}
.res-typelink .rt-tx>span{display:block;font-size:.83rem;line-height:1.95;color:var(--muted)}
.res-typelink .rt-go{flex:none;font-size:1.2rem;color:var(--teal-dark);font-weight:900}
@media(max-width:560px){
.res-typelink{gap:11px;padding:14px 15px;border-radius:16px}
.res-typelink .rt-ic{font-size:1.25rem}
.res-typelink .rt-tx b{font-size:.9rem}
.res-typelink .rt-tx>span{font-size:.78rem}
}
.nav-mega-tip{grid-template-columns:repeat(2,minmax(148px,1fr));gap:20px 18px;
width:min(380px,calc(100vw - 32px))}
@media(min-width:1240px){
.nav-mega-tip{grid-template-columns:repeat(4,minmax(148px,1fr));width:min(720px,calc(100vw - 32px))}
}
.nav-mega:hover .nav-mega-tip .nav-mega-col:nth-child(4),
.nav-mega:focus-within .nav-mega-tip .nav-mega-col:nth-child(4){opacity:1;transform:none}
.nav-mega-tip .nav-mega-col:nth-child(4){transition-delay:.18s}
.nav-mega-tip .nm-code{display:inline-block;direction:ltr;font-weight:900;font-size:.8rem;
min-width:42px;color:var(--teal-dark)}
.nav-mega-foot{grid-column:1/-1;display:flex;align-items:center;gap:10px;
margin-top:4px;padding-top:15px;border-top:1px solid var(--line)}
.nav-mega-foot a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
padding:12px 16px!important;border-radius:13px;font-size:.9rem!important;font-weight:800!important;
text-align:center;transition:.18s}
.nav-mega-foot a:first-child{background:var(--grad-brand);color:#fff!important;
box-shadow:0 10px 22px -14px rgba(0,151,109,.9)}
.nav-mega-foot a:first-child:hover{transform:translateY(-2px);box-shadow:0 16px 28px -14px rgba(0,151,109,.95)}
.nav-mega-foot a:last-child{background:var(--teal-soft);color:var(--teal-dark)!important;
border:1px solid rgba(0,151,109,.3)}
.nav-mega-foot a:last-child:hover{background:#fff;border-color:var(--teal);transform:translateY(-2px)}
@media(max-width:980px){
.nav-mega-foot{flex-direction:column}
.nav-mega-foot a{width:100%}
}
@media(max-width:860px){
.nav-mega:hover .nav-mega-panel,
.nav-mega:focus-within .nav-mega-panel,
.nav-mega.open .nav-mega-panel{transform:none}
.nav-mega-panel,.nav-mega-tip{width:100%;max-width:100%}
.nav-mega-tip{grid-template-columns:1fr 1fr;gap:14px 12px}
}
@media(max-width:430px){
.nav-mega-panel,.nav-mega-tip{grid-template-columns:1fr;gap:10px}
}
.mj-types-all{display:block;margin-top:11px;padding-top:10px;border-top:1px dashed var(--line);
text-align:center;font-size:.82rem;font-weight:800;color:var(--teal-dark)}
.tps-lead{max-width:820px;margin:0 auto 44px;padding:26px 30px;border-radius:22px;
background:var(--paper-2);border:1px solid var(--line)}
.tps-lead h2{font-size:1.16rem;font-weight:900;margin:22px 0 10px;color:var(--ink)}
.tps-lead h2:first-child{margin-top:0}
.tps-lead p{font-size:.95rem;line-height:2.15;color:var(--muted);margin-bottom:12px}
.tps-lead p:last-child{margin-bottom:0}
.tps-lead b{color:var(--ink);font-weight:800}
.tps-lead a{color:var(--teal-dark);font-weight:800;border-bottom:1.5px solid var(--teal-soft)}
.tps-lead a:hover{border-bottom-color:var(--teal)}
@media(max-width:560px){
.tps-lead{padding:20px 18px;border-radius:18px;margin-bottom:34px}
.tps-lead h2{font-size:1.04rem}
.tps-lead p{font-size:.89rem}
}
.mj-article .body a,.article .body a{color:var(--teal-dark);font-weight:700;
border-bottom:1.5px solid var(--teal-soft);transition:.15s}
.mj-article .body a:hover,.article .body a:hover{border-bottom-color:var(--teal);background:var(--teal-soft)}
.pay-res{text-align:center;padding:38px 30px;border-radius:24px;border:1px solid var(--line);
background:var(--paper-2);box-shadow:0 18px 46px -34px rgba(10,26,47,.55)}
.pay-res.ok{border-color:rgba(0,151,109,.45);background:linear-gradient(180deg,var(--teal-soft),var(--paper-2) 55%)}
.pay-res.warn{border-color:rgba(214,158,46,.45);background:linear-gradient(180deg,rgba(214,158,46,.12),var(--paper-2) 55%)}
.pay-res.bad{border-color:rgba(192,73,47,.4);background:linear-gradient(180deg,rgba(192,73,47,.09),var(--paper-2) 55%)}
.pr-ic{font-size:3rem;line-height:1;margin-bottom:12px}
.pay-res h2{font-size:1.4rem;font-weight:900;margin-bottom:8px}
.pr-msg{font-size:.98rem;line-height:2;color:var(--muted);margin-bottom:22px}
.pr-tbl{text-align:start;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);margin-bottom:20px}
.pr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;
border-bottom:1px solid var(--line);font-size:.92rem}
.pr-row:last-child{border-bottom:none}
.pr-row span{color:var(--muted)}
.pr-row b{font-weight:800}
.pr-ref{direction:ltr;letter-spacing:.05em;color:var(--teal-dark);
background:var(--teal-soft);padding:3px 11px;border-radius:9px}
.pr-note{font-size:.87rem;line-height:2;color:var(--muted);margin-bottom:20px}
.pr-btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}
@media(max-width:520px){
.pay-res{padding:28px 20px;border-radius:20px}
.pay-res h2{font-size:1.2rem}
.pr-btns .btn{width:100%}
}
.tp-payform{margin:0}
.tp-payform .tp-buy{width:100%;border:none;cursor:pointer;font-family:inherit}
.tp-buy2{width:100%;margin-top:9px;justify-content:center}
.tp-payerr{margin-top:12px;padding:11px 14px;border-radius:12px;font-size:.86rem;line-height:1.9;
border:1px solid rgba(214,158,46,.4);background:rgba(214,158,46,.1);color:var(--ink)}
.btn.is-busy,.btn:disabled{opacity:.62;cursor:not-allowed;pointer-events:none;filter:saturate(.7)}
.resend a.is-busy{opacity:.6;pointer-events:none;text-decoration:none}
.hesab-badge{display:inline-block;min-width:20px;padding:1px 6px;margin-inline-start:4px;
border-radius:100px;background:var(--teal);color:#fff;font-size:.68rem;font-weight:800;line-height:1.5}
.buy-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}
.buy-sum-i{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:13px 14px}
.buy-sum-i span{display:block;font-size:.76rem;color:var(--muted);margin-bottom:4px}
.buy-sum-i b{font-size:1.02rem;font-weight:800;color:var(--ink)}
.buy-list{display:flex;flex-direction:column;gap:14px}
.buy-card{position:relative;background:var(--paper-2);border:1px solid var(--line);
border-radius:18px;padding:18px 18px 16px;overflow:hidden}
.buy-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;
background:linear-gradient(180deg,var(--teal),var(--amber))}
.buy-card.wait::before{background:linear-gradient(180deg,#e0a300,#c07a00)}
.buy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed var(--line)}
.buy-head h3{font-size:1.02rem;font-weight:800;color:var(--ink);margin:0 0 4px;line-height:1.5}
.buy-when{font-size:.78rem;color:var(--muted)}
.buy-badge{flex:none;padding:5px 11px;border-radius:100px;font-size:.75rem;font-weight:800;white-space:nowrap}
.buy-badge.ok{background:var(--teal-soft);color:var(--teal-dark)}
.buy-badge.wait{background:rgba(224,163,0,.16);color:#8a5c00}
.buy-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 18px;list-style:none;padding:0;margin:0}
.buy-meta li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
padding:5px 0;border-bottom:1px solid rgba(10,26,47,.07)}
.buy-meta li span{font-size:.79rem;color:var(--muted)}
.buy-meta li b{font-size:.86rem;font-weight:700;color:var(--ink);text-align:end}
.buy-note{margin:12px 0 0;padding:10px 12px;border-radius:12px;font-size:.8rem;line-height:1.9;
background:rgba(224,163,0,.1);border:1px solid rgba(224,163,0,.3);color:var(--ink)}
@media(max-width:480px){
.buy-card{padding:15px 14px 13px}
.buy-head{flex-direction:column;gap:8px}
.buy-meta{grid-template-columns:1fr}
}
@media (hover: none), (pointer: coarse) {
.tps-card:hover, .tpf:hover, .plan:hover, .blog-card:hover, .svc-card:hover,
.step-card:hover, .mj-type:hover, .mj-uni:hover, .mj-relc:hover, .mj-stat:hover,
.sx-card:hover, .hesab-tile:hover, .rel-card:hover, .why-item:hover, .chip:hover,
.tst:hover, .kn-row:hover, .fab-item:hover, .major-card-link:hover,
.res-typelink:hover, .social-btn:hover, .card-box:hover {
transform: none !important;
box-shadow: inherit !important;
border-color: inherit !important;
}
.tps-card:hover::before, .blog-card:hover::before, .sx-card:hover::before,
.svc-grid.bento .svc-card:hover::before { transform: scaleX(0) !important; }
}
:where(a, button, summary, [tabindex]):focus-visible {
outline: 3px solid #0090DC;
outline-offset: 3px;
border-radius: 8px;
}
:root { color-scheme: light; }
:root{
--g-blur:40px;
--g-sat:145%;
--g-con:106%;
--g-bri:103%;
--g-tint:.42;
--g-tint-hi:.90;
--g-tint-d:.86;
--g-edge:.60;
--g-r:32px;
--gx:16%;
--gy:-14%;
--g-ease:cubic-bezier(.2,.8,.2,1);
--teal-s:#BEE9DA;
--blue-s:#C3E6FA;
--teal-d:#00603F;
--blue:#0090DC;
}
.blobs i:nth-child(1){width:720px;height:720px;top:-4%;right:-260px;
background:radial-gradient(circle,rgba(0,144,220,.42),rgba(0,144,220,0) 66%)}
.blobs i:nth-child(2){width:660px;height:660px;top:38%;left:-250px;
background:radial-gradient(circle,rgba(0,151,109,.36),rgba(0,151,109,0) 66%)}
.blobs i:nth-child(3){width:600px;height:600px;bottom:-6%;right:2%;
background:radial-gradient(circle,rgba(96,110,220,.24),rgba(96,110,220,0) 66%)}
.blobs::before,.blobs::after{content:"";position:absolute;display:block;
border-radius:50%;pointer-events:none}
.blobs::before{width:560px;height:560px;top:10%;left:20%;
background:radial-gradient(circle,rgba(212,175,55,.20),rgba(212,175,55,0) 64%);
animation:lgDrift1 46s ease-in-out infinite}
.blobs::after{width:520px;height:520px;bottom:12%;left:4%;
background:radial-gradient(circle,rgba(0,144,220,.27),rgba(0,144,220,0) 64%);
animation:lgDrift2 54s ease-in-out infinite}
@keyframes lgDrift1{0%,100%{transform:translate(0,0)}
50%{transform:translate(5vw,4vh)}}
@keyframes lgDrift2{0%,100%{transform:translate(0,0)}
50%{transform:translate(-4vw,-5vh)}}
@media(max-width:700px){.blobs::before{display:none}}
.about,.about2{border-top:none;border-bottom:none;background:
linear-gradient(to bottom,var(--paper) 0,rgba(198,217,240,0) 90px),
radial-gradient(900px 520px at 82% 0%,rgba(0,144,220,.20),transparent 68%),
radial-gradient(760px 480px at 6% 100%,rgba(0,151,109,.17),transparent 66%)}
#khadamat{background:
radial-gradient(820px 460px at 12% 6%,rgba(0,151,109,.18),transparent 68%),
radial-gradient(760px 440px at 92% 88%,rgba(120,90,220,.14),transparent 66%)}
#mbti-sec{background:
radial-gradient(900px 520px at 50% 12%,rgba(120,90,220,.20),transparent 70%)}
#shomaresh{background:
radial-gradient(820px 460px at 78% 8%,rgba(212,175,55,.18),transparent 68%),
radial-gradient(700px 420px at 10% 92%,rgba(0,144,220,.15),transparent 66%)}
#faq{background:
radial-gradient(840px 480px at 14% 10%,rgba(0,144,220,.17),transparent 68%)}
#blog{background:
radial-gradient(880px 500px at 86% 6%,rgba(0,151,109,.18),transparent 68%),
radial-gradient(700px 420px at 8% 94%,rgba(212,175,55,.13),transparent 66%)}
.block:has(>.wrap>.tps-lead),.block:has(.mj-sec){background:
radial-gradient(900px 520px at 88% 4%,rgba(0,144,220,.17),transparent 68%),
radial-gradient(800px 460px at 4% 62%,rgba(0,151,109,.14),transparent 66%)}
.lg,
.step-card,.ab-chip,.svc-card,.tst,.faq-item,.blog-card,.tst-arrow,
.plan,.rel-card,.why-item,.empty-blog,
.mj-mast,.mj-stats,.mj-sec,.mj-panel,.mj-relc,.mj-uni,
.major-card,.major-card-link,
.wizard:not(.wizard-tamin),.card-box,
.offer,.offer-card,.sx-card,.sx-cmp .c,.sx-step,.sx-list li,.sx-g,.sx-note,
.kn-row,.kr-card,.kn-pick-list,.func-chip,.mbti-cta,.range-chip,.avg-readout,.save-state,
.tps-lead,.tps-fam-h,.tps-card,.tps-note,.tpf,.tpk,.tsg,.tpe,
.q-opt5,.conf-note,.res-typelink,.sms-demo,
.hesab-tile,.buy-card,.buy-sum-i,.buy-note,
.ig-c,
.hesab-nav,.nav-mega-panel,.fab-item{
background:
radial-gradient(126% 64% at var(--gx) var(--gy),
rgba(255,255,255,calc(var(--g-tint) + .46)),rgba(255,255,255,0) 56%),
radial-gradient(88% 58% at 96% 106%,
rgba(0,144,220,.10),rgba(0,144,220,0) 62%),
radial-gradient(78% 54% at 3% 102%,
rgba(0,151,109,.08),rgba(0,151,109,0) 60%),
linear-gradient(152deg,
rgba(255,255,255,calc(var(--g-tint) + .24)),
rgba(255,255,255,var(--g-tint)) 48%,
rgba(255,255,255,calc(var(--g-tint) + .13)));
border:1px solid rgba(255,255,255,var(--g-edge));
border-top-color:rgba(255,255,255,calc(var(--g-edge) + .34));
border-bottom-color:rgba(196,226,255,calc(var(--g-edge) - .14));
box-shadow:
0 1px 2px rgba(10,26,47,.14),
0 26px 56px -30px rgba(10,26,47,.52),
inset 0 1px 0 rgba(255,255,255,.98),
inset 1px 0 0 rgba(255,255,255,.62),
inset 0 -1px 0 rgba(255,255,255,.50),
inset 0 -3px 7px -4px rgba(255,255,255,.62),
inset 0 -26px 40px -34px rgba(10,26,47,.28),
inset 0 22px 34px -30px rgba(130,200,255,.50);
transition:box-shadow .3s var(--g-ease),border-color .3s var(--g-ease)}
.overlay .wizard{-webkit-backdrop-filter:none;backdrop-filter:none;
background:
radial-gradient(120% 60% at 16% -12%,rgba(255,255,255,.7),rgba(255,255,255,0) 56%),
linear-gradient(152deg,rgba(255,255,255,.97),rgba(255,255,255,.92))}
.svc-card,.tst,.blog-card,.step-card,.plan,.wizard,.card-box,
.mj-mast,.mj-stats,.mj-sec,.mj-panel,.nav-mega-panel,.ig-c{border-radius:var(--g-r)}
.exr-plans .plan,
.nav-mega-panel,.nav-links,
.hero .lg,.hero2 .lg,.page-hero .lg{--g-tint:var(--g-tint-hi)}
.exr-plans .plan,.nav-mega-panel{border-bottom-color:rgba(255,255,255,.72)}
#plans .plan{
background:
radial-gradient(126% 64% at var(--gx) var(--gy),
rgba(255,255,255,.12),rgba(255,255,255,0) 56%),
radial-gradient(92% 60% at 98% 106%,rgba(0,144,220,.15),rgba(0,144,220,0) 62%),
radial-gradient(82% 56% at 2% 100%,rgba(0,214,160,.11),rgba(0,214,160,0) 60%),
linear-gradient(152deg,rgba(255,255,255,.10),rgba(255,255,255,.045) 52%,rgba(255,255,255,.08));
-webkit-backdrop-filter:blur(22px) saturate(160%);
backdrop-filter:blur(22px) saturate(160%);
border:1px solid rgba(255,255,255,.26);
border-top-color:rgba(255,255,255,.52);
border-bottom-color:rgba(127,212,255,.30);
box-shadow:
0 2px 5px rgba(0,0,0,.24),
0 36px 70px -34px rgba(0,0,0,.62),
inset 0 1px 0 rgba(255,255,255,.42),
inset 0 -1px 0 rgba(127,212,255,.32),
inset 0 -4px 10px -6px rgba(127,212,255,.40)}
#plans .plan.hot{
border-color:rgba(31,240,190,.55);
border-top-color:rgba(255,255,255,.70);
box-shadow:
0 0 0 1px rgba(31,240,190,.45),
0 40px 80px -34px rgba(0,151,109,.65),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 -4px 12px -6px rgba(31,240,190,.45)}
#plans .plan,#plans .plan h3,#plans .plan h4,#plans .plan p,#plans .plan li,
#plans .plan span,#plans .plan small,#plans .plan b,#plans .plan strong,
#plans .plan a:not(.btn):not(.p-btn),#plans .plan .p-desc,#plans .plan .p-feat li,
#plans .plan .p-price,#plans .plan .p-cur{color:#fff}
#plans .plan .p-cat{background:rgba(255,255,255,.16);color:#fff;
border:1px solid rgba(255,255,255,.30);
-webkit-backdrop-filter:none;backdrop-filter:none}
#plans .plan .p-feat li::before,#plans .plan .p-feat li i,
#plans .plan .p-feat li svg{color:#1FF0BE;fill:#1FF0BE}
#plans .plan .p-price b,#plans .plan .p-price{
background:none;-webkit-background-clip:border-box;background-clip:border-box;
color:#7BF7D8;-webkit-text-fill-color:#7BF7D8}
#plans .plan hr,#plans .plan .p-sep,#plans .plan .p-body{border-color:rgba(255,255,255,.18)}
@media(hover:hover) and (pointer:fine){
.lg:hover,
.step-card:hover,.svc-card:hover,.tst:hover,.faq-item:hover,.blog-card:hover,
.plan:hover,.rel-card:hover,.why-item:hover,
.mj-panel:hover,.mj-relc:hover,.mj-uni:hover,
.major-card:hover,.major-card-link:hover,.card-box:hover,
.offer-card:hover,.sx-card:hover,.sx-step:hover,
.kn-row:hover,.func-chip:hover,.tps-card:hover,.tpf:hover,.tpk:hover,
.q-opt5:hover,.res-typelink:hover,.hesab-tile:hover,.buy-card:hover,
.fab-item:hover{
border-top-color:rgba(255,255,255,.99);
border-bottom-color:rgba(196,226,255,.62);
box-shadow:
0 1px 2px rgba(10,26,47,.16),
0 40px 74px -34px rgba(10,26,47,.60),
inset 0 1px 0 rgba(255,255,255,1),
inset 1px 0 0 rgba(255,255,255,.78),
inset 0 -1px 0 rgba(255,255,255,.66),
inset 0 -4px 9px -4px rgba(255,255,255,.78),
inset 0 -28px 44px -34px rgba(10,26,47,.30),
inset 0 24px 38px -28px rgba(130,200,255,.66)}
}
.lg-in,
.wizard .grp:not(.sel),.wizard .tcard:not(.total):not(.sel),
.wizard .code-inp,.card-box .kn-pick-item:not(.sel),
.mj-sec .toc,.sx-lead,.sx-g .exs span,
.ig-viz{
background:linear-gradient(152deg,rgba(255,255,255,.62),rgba(255,255,255,.42));
border:1px solid rgba(255,255,255,.72);
box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.mode-toggle{background:linear-gradient(152deg,rgba(10,26,47,.09),rgba(10,26,47,.05));
border:1px solid rgba(255,255,255,.5);
box-shadow:inset 0 1px 3px rgba(10,26,47,.10)}
.mode-toggle button.on{box-shadow:0 2px 8px -2px rgba(10,26,47,.3),
inset 0 1px 0 rgba(255,255,255,1)}
.hesab-nav{padding:12px 10px}
@media(max-width:900px){.hesab-nav{padding:10px 8px}}
.lg-dark,
.mbti-promo,.cd-wrap,.sx-cta,.track-box,.art-cta-box,.mj-cta,
.svc-card.sv-feat,.foot-cta{
background:
radial-gradient(126% 64% at var(--gx) var(--gy),
rgba(255,255,255,.18),rgba(255,255,255,0) 56%),
radial-gradient(90% 60% at 98% 104%,rgba(0,144,220,.20),rgba(0,144,220,0) 60%),
radial-gradient(80% 54% at 2% 100%,rgba(0,214,160,.12),rgba(0,214,160,0) 58%),
linear-gradient(152deg,
rgba(10,26,47,var(--g-tint-d)),
rgba(18,41,77,calc(var(--g-tint-d) + .06)));
border:1px solid rgba(255,255,255,.18);
border-top-color:rgba(255,255,255,.34);
border-bottom-color:rgba(127,212,255,.16);
box-shadow:
0 2px 4px rgba(0,0,0,.22),
0 34px 66px -32px rgba(0,0,0,.62),
inset 0 1px 0 rgba(255,255,255,.30),
inset 0 -1px 0 rgba(127,212,255,.22),
inset 0 -3px 8px -5px rgba(127,212,255,.34),
inset 0 -30px 50px -42px rgba(127,212,255,.42)}
header.nav{
background:
radial-gradient(700px 130% at 22% -60%,rgba(255,255,255,.86),rgba(255,255,255,0) 62%),
linear-gradient(180deg,rgba(255,255,255,.78),rgba(232,242,252,.66));
-webkit-backdrop-filter:blur(26px) saturate(168%);
backdrop-filter:blur(26px) saturate(168%);
border-bottom:1px solid rgba(255,255,255,.55);
box-shadow:0 1px 0 rgba(255,255,255,.7) inset,
0 10px 30px -22px rgba(10,26,47,.45)}
header.nav.stuck{
background:
radial-gradient(700px 130% at 22% -60%,rgba(255,255,255,.9),rgba(255,255,255,0) 62%),
linear-gradient(180deg,rgba(255,255,255,.88),rgba(232,242,252,.78));
box-shadow:0 1px 0 rgba(255,255,255,.75) inset,
0 14px 36px -20px rgba(10,26,47,.5)}
.nav-mega-panel{
-webkit-backdrop-filter:blur(30px) saturate(160%);
backdrop-filter:blur(30px) saturate(160%)}
.overlay{background:rgba(10,26,47,.46);
-webkit-backdrop-filter:blur(18px) saturate(120%);
backdrop-filter:blur(18px) saturate(120%)}
@supports ((mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"></svg>')) or (-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"></svg>'))){
.page-hero{
--ph-wave:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 70" preserveAspectRatio="none"><path d="M0 0 L1440 0 L1440 10 C1200 46 960 48 720 24 C480 0 240 18 0 70 Z" fill="black"/></svg>');
-webkit-mask-image:linear-gradient(#000,#000),var(--ph-wave);
mask-image:linear-gradient(#000,#000),var(--ph-wave);
-webkit-mask-size:100% calc(100% - 69px),100% 70px;
mask-size:100% calc(100% - 69px),100% 70px;
-webkit-mask-position:top left,bottom left;
mask-position:top left,bottom left;
-webkit-mask-repeat:no-repeat,no-repeat;
mask-repeat:no-repeat,no-repeat}
.page-hero .hero-wave{visibility:hidden}
}
#plans{
background:
radial-gradient(120% 58% at 16% -10%,rgba(140,210,255,.20),rgba(140,210,255,0) 56%),
radial-gradient(90% 60% at 96% 104%,rgba(0,144,220,.26),rgba(0,144,220,0) 60%),
radial-gradient(80% 54% at 3% 100%,rgba(0,214,160,.16),rgba(0,214,160,0) 58%),
linear-gradient(160deg,rgba(10,26,47,.95),rgba(18,41,77,.97));
-webkit-backdrop-filter:blur(30px) saturate(150%);
backdrop-filter:blur(30px) saturate(150%);
border:1px solid rgba(255,255,255,.16);
border-top-color:rgba(255,255,255,.34);
border-bottom-color:rgba(127,212,255,.18);
box-shadow:
0 40px 80px -40px rgba(10,26,47,.6),
inset 0 1px 0 rgba(255,255,255,.28),
inset 0 -1px 0 rgba(127,212,255,.22),
inset 0 -4px 10px -6px rgba(127,212,255,.32)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.lg,.step-card,.ab-chip,.svc-card,.tst,.faq-item,.blog-card,.tst-arrow,
.plan,.rel-card,.why-item,.empty-blog,.mj-mast,.mj-stats,.mj-sec,.mj-panel,
.mj-relc,.mj-uni,.major-card,.major-card-link,.wizard,.card-box,.offer,
.offer-card,.sx-card,.sx-cmp .c,.sx-step,.sx-list li,.sx-g,.sx-note,
.kn-row,.kr-card,.kn-pick-list,.func-chip,.mbti-cta,.range-chip,.avg-readout,
.save-state,.tps-lead,.tps-fam-h,.tps-card,.tps-note,.tpf,.tpk,.tsg,.tpe,
.q-opt5,.conf-note,.res-typelink,.sms-demo,.hesab-tile,.buy-card,.buy-sum-i,
.buy-note,.hesab-nav,.nav-mega-panel,.fab-item{
background:linear-gradient(152deg,rgba(255,255,255,.95),rgba(255,255,255,.88))}
.lg-dark,.mbti-promo,.cd-wrap,.sx-cta,.track-box,.art-cta-box,.mj-cta,
.svc-card.sv-feat,.foot-cta{
background:linear-gradient(152deg,#0A1A2F,#12294D)}
header.nav{background:rgba(240,246,252,.98)}
.overlay{background:rgba(10,26,47,.72)}
}
@media(prefers-reduced-transparency:reduce){
.lg,.step-card,.svc-card,.tst,.faq-item,.blog-card,.plan,.rel-card,
.why-item,.mj-mast,.mj-stats,.mj-sec,.mj-panel,.major-card,
.major-card-link,.wizard,.card-box,.tps-card,.q-opt5,.hesab-tile,
.buy-card,.hesab-nav,.nav-mega-panel,.fab-item{
-webkit-backdrop-filter:none;backdrop-filter:none;
background:#fff;border-color:var(--line)}
header.nav{-webkit-backdrop-filter:none;backdrop-filter:none;
background:#F2F7FC}
}
@media(prefers-reduced-motion:reduce){
.blobs::before,.blobs::after{animation:none}
}
@media(max-width:860px){
:root{--g-r:24px;--g-tint:.62}
header.nav,header.nav.stuck{
-webkit-backdrop-filter:none;backdrop-filter:none;
background:linear-gradient(180deg,rgba(255,255,255,.975),rgba(238,245,252,.96))}
.nav-links{-webkit-backdrop-filter:none;backdrop-filter:none;
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(238,245,252,.97))}
.nav-mega-panel,#plans{-webkit-backdrop-filter:none;backdrop-filter:none}
.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#plans{background:
radial-gradient(120% 58% at 16% -10%,rgba(140,210,255,.14),rgba(140,210,255,0) 56%),
radial-gradient(90% 60% at 96% 104%,rgba(0,144,220,.18),rgba(0,144,220,0) 60%),
linear-gradient(160deg,rgba(10,26,47,.97),rgba(18,41,77,.99))}
body::before{display:none}
.blobs::before,.blobs::after{display:none}
.blobs i{animation:none!important}
.blobs i:nth-child(3){display:none}
.rv,.rv-l,.rv-r,.rv-z,.rv-s{
opacity:1!important;transform:none!important;transition:none!important}
}
.blog-cat,.p-cat,.rc-float,.rank-card,.tag,.sv-core,.mp-core,.cd-cell,
.hero-chip,.fab-item{
-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#plans{-webkit-backdrop-filter:none;backdrop-filter:none}
.mj-sec,.mj-insight,.mj-panel{contain:layout paint}
@media(min-width:861px){
header.nav,header.nav.stuck{
-webkit-backdrop-filter:none;backdrop-filter:none}
header.nav{background:
radial-gradient(700px 130% at 22% -60%,rgba(255,255,255,.94),rgba(255,255,255,0) 62%),
linear-gradient(180deg,rgba(255,255,255,.93),rgba(232,242,252,.9))}
header.nav.stuck{background:
radial-gradient(700px 130% at 22% -60%,rgba(255,255,255,.97),rgba(255,255,255,0) 62%),
linear-gradient(180deg,rgba(255,255,255,.97),rgba(232,242,252,.94))}
}
.entbar{
position:relative;z-index:60;overflow:hidden;
display:flex;align-items:stretch;gap:0;
background:linear-gradient(100deg,#06131F 0%,#0A1A2F 46%,#0F3B52 100%);
color:#fff;border-bottom:1px solid rgba(255,255,255,.10);
}
.entbar .eb-main{
position:relative;z-index:2;flex:1;min-width:0;
display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 11px;
padding:6px 18px;font-size:.8rem;font-weight:600;line-height:1.55;color:#fff;
}
.entbar .eb-live{position:relative;display:inline-grid;place-items:center;width:12px;height:12px;flex:none}
.entbar .eb-live i{width:6px;height:6px;border-radius:50%;background:#1FF0BE}
.entbar .eb-live::after{
content:"";position:absolute;width:6px;height:6px;border-radius:50%;
background:rgba(31,240,190,.5);will-change:transform,opacity;
animation:ebPulse 2.4s ease-out infinite;
}
@keyframes ebPulse{
0%{transform:scale(1);opacity:.65}
70%,100%{transform:scale(3);opacity:0}
}
.entbar .eb-txt{font-weight:600}
.entbar .eb-days{
display:inline-flex;align-items:baseline;gap:4px;flex:none;
font-size:.78rem;font-weight:700;color:rgba(255,255,255,.72);
}
.entbar .eb-days::before{content:"·";margin-inline-end:4px;opacity:.5}
.entbar .eb-days b{font-weight:800;color:#1FF0BE}
.entbar .eb-btn{
display:inline-flex;align-items:center;gap:5px;flex:none;
padding:3px 11px;border-radius:100px;font-size:.78rem;font-weight:700;line-height:1.5;color:#fff;
background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);
transition:background .2s ease,border-color .2s ease;
}
.entbar .eb-main:hover .eb-btn{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5)}
.entbar .eb-btn svg{transform:scaleX(-1)}
.entbar .eb-x{
position:relative;z-index:2;flex:none;width:34px;
background:none;color:rgba(255,255,255,.55);font-size:.85rem;line-height:1;
-webkit-tap-highlight-color:transparent;transition:color .2s ease,background .2s ease;
}
.entbar .eb-x:hover{color:#fff;background:rgba(255,255,255,.08)}
@media(max-width:860px){
.entbar .eb-main{flex-wrap:nowrap;justify-content:space-between;
padding:7px 10px;gap:9px;font-size:.78rem;min-height:44px}
.entbar .eb-live{display:none}
.entbar .eb-days{display:none}
.entbar .eb-txt{flex:1 1 auto;min-width:0;font-size:.76rem;line-height:1.5;font-weight:600;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.entbar .eb-btn{flex:none;padding:7px 12px;font-size:.8rem;font-weight:800;white-space:nowrap}
.entbar .eb-x{width:44px;min-width:44px}
}
@media(max-width:430px){
.entbar .eb-main{padding:6px 8px;gap:7px}
.entbar .eb-txt{font-size:.73rem;line-height:1.48}
.entbar .eb-btn{padding:6px 10px;font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
.entbar .eb-live i{animation:none}
}
.nav-links > a.nav-ent{
position:relative;overflow:visible;isolation:isolate;
display:inline-flex;align-items:center;gap:7px;
margin-inline-start:6px;padding:10px 17px!important;border-radius:100px;
font-size:.86rem!important;font-weight:800!important;color:#fff!important;white-space:nowrap;
background:linear-gradient(135deg,#00674A 0%,#00618F 58%,#3B2BB0 126%);
box-shadow:0 10px 26px -12px rgba(0,97,143,.95),
inset 0 1px 0 rgba(255,255,255,.24);
transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease;
}
.nav-links > a.nav-ent::after{
content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
background:none;height:auto;transform-origin:center;
border:1.5px solid rgba(31,240,190,.85);
animation:navEntRing 2.8s cubic-bezier(.2,.7,.3,1) infinite;
}
@keyframes navEntRing{
0%{transform:scale(1);opacity:.75}
70%{transform:scale(1.22);opacity:0}
100%{transform:scale(1.22);opacity:0}
}
.nav-links > a.nav-ent .ne-dot{
width:7px;height:7px;border-radius:2px;flex:none;background:#1FF0BE;
transform:rotate(45deg);box-shadow:0 0 0 3px rgba(31,240,190,.25);
}
.nav-links > a.nav-ent svg{flex:none;transform:scaleX(-1);opacity:.9}
.nav-links > a.nav-ent:hover{
transform:translateY(-2px);
box-shadow:0 16px 34px -12px rgba(0,144,220,1),
inset 0 1px 0 rgba(255,255,255,.34);
}
@media(max-width:860px){
.nav-links > a.nav-ent{
order:-1;margin:2px 0 8px;justify-content:center;width:100%;
padding:13px 16px!important;font-size:.92rem!important;
}
.nav-links > a.nav-ent::after{animation:none}
}
@media(prefers-reduced-motion:reduce){
.nav-links > a.nav-ent::after{animation:none}
}
#plans .ent-show{
position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;
}
#plans .ent-show-txt .sec-kicker{margin-inline:0}
#plans .ent-show-txt h2{
color:#fff;font-size:clamp(1.55rem,3.1vw,2.45rem);line-height:1.42;margin-bottom:14px;
text-wrap:balance;
}
#plans .ent-show-p{color:#fff;font-size:1.02rem;line-height:2;opacity:.95;max-width:52ch;
text-align:justify;text-justify:inter-word;hyphens:none}
#plans .ent-chks{list-style:none;margin:20px 0 26px;display:grid;gap:9px}
#plans .ent-chks li{
position:relative;padding-inline-start:29px;color:#fff;font-size:.94rem;font-weight:600;line-height:1.7;
}
#plans .ent-chks li::before{
content:"";position:absolute;inset-inline-start:0;top:.44em;width:19px;height:19px;border-radius:50%;
background:linear-gradient(135deg,#00976D,#1FF0BE);
box-shadow:0 0 0 3px rgba(31,240,190,.14);
}
#plans .ent-chks li::after{
content:"";position:absolute;inset-inline-start:6px;top:.72em;width:7px;height:4px;
border:2px solid #04101F;border-top:0;border-right:0;transform:rotate(-45deg);
}
#plans .ent-show-cta{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px}
#plans .ent-show-more{
position:relative;color:#9DFCE6;font-weight:700;font-size:.93rem;padding-bottom:2px;
}
#plans .ent-show-more::after{
content:"";position:absolute;inset-inline:0;bottom:0;height:1.5px;border-radius:2px;
background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .28s ease;
}
#plans .ent-show-more:hover::after{transform:scaleX(1)}
#plans .ent-show-vis{position:relative;display:grid;place-items:center}
#plans .ent-file{
position:relative;width:100%;max-width:400px;padding:24px 22px 20px;border-radius:26px;
background:
radial-gradient(120% 80% at 12% 0%,rgba(31,240,190,.13),rgba(31,240,190,0) 58%),
radial-gradient(110% 90% at 100% 100%,rgba(0,144,220,.16),rgba(0,144,220,0) 62%),
linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.045) 52%,rgba(255,255,255,.085)),
linear-gradient(155deg,rgba(4,14,28,.72),rgba(6,22,44,.66));
border:1px solid rgba(255,255,255,.17);
border-top-color:rgba(255,255,255,.34);
box-shadow:0 26px 60px -26px rgba(0,0,0,.72),
inset 0 1px 0 rgba(255,255,255,.22),
inset 0 -1px 0 rgba(31,240,190,.12);
color:#fff;transform-style:preserve-3d;
transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;
}
#plans .ef-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
#plans .ef-badge{
display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:100px;
font-size:.75rem;font-weight:800;color:#04101F;background:linear-gradient(135deg,#1FF0BE,#5FC8FF);
}
#plans .ef-badge .live-dot{width:6px;height:6px;border-radius:50%;background:#04101F;flex:none}
#plans .ef-days{font-size:.76rem;font-weight:600;color:#fff;opacity:.88;white-space:nowrap}
#plans .ef-days b{font-size:.95rem;font-weight:800;color:#1FF0BE}
#plans .ef-h{font-size:1.12rem;font-weight:800;color:#fff;margin-bottom:13px}
#plans .ef-axes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}
#plans .ef-axes span{
padding:5px 10px;border-radius:9px;font-size:.76rem;font-weight:700;color:#fff;
background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
}
#plans .ef-levels{display:grid;gap:8px;margin-bottom:14px}
#plans .ef-lv{
display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:13px;
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
}
#plans .ef-lv b{
width:23px;height:23px;flex:none;display:grid;place-items:center;border-radius:8px;
font-size:.8rem;font-weight:800;color:#04101F;background:linear-gradient(135deg,#1FF0BE,#5FC8FF);
}
#plans .ef-lv span{font-size:.86rem;font-weight:700;color:#fff;line-height:1.5}
#plans .ef-foot{
padding-top:12px;border-top:1px dashed rgba(255,255,255,.2);
font-size:.79rem;font-weight:600;color:#fff;opacity:.85;line-height:1.7;
}
#plans .ent-nums{
display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);
}
#plans .ent-nums .en{text-align:center}
#plans .ent-nums .en b{
display:block;font-size:clamp(1.5rem,2.7vw,2.05rem);font-weight:800;line-height:1.25;
background:linear-gradient(135deg,#1FF0BE,#5FC8FF);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
#plans .ent-nums .en span{display:block;font-size:.8rem;font-weight:600;color:#fff;opacity:.9;margin-top:2px}
@media(max-width:900px){
#plans .ent-show{grid-template-columns:1fr;gap:32px}
#plans .ent-show-vis{order:-1}
#plans .ent-nums{grid-template-columns:repeat(2,1fr);gap:18px 12px;margin-top:30px}
}
@media(max-width:520px){
#plans .ent-file{padding:19px 16px 16px;border-radius:22px}
#plans .ent-show-cta{gap:12px}
#plans .ent-show-cta .btn{width:100%;justify-content:center}
}
#plans .ent-show-more{display:inline-flex;align-items:center;padding-block:10px;margin-block:-10px}
#plans .ent-show-more::after{bottom:10px}
.kn-entcta{
display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 22px;
margin-top:22px;padding:22px 24px;border-radius:22px;color:#fff;
background:
radial-gradient(110% 120% at 8% 0%,rgba(31,240,190,.16),rgba(31,240,190,0) 56%),
linear-gradient(135deg,#0A1A2F 0%,#12294D 58%,#0F4460 100%);
border:1px solid rgba(255,255,255,.14);
border-top-color:rgba(255,255,255,.26);
box-shadow:0 22px 52px -26px rgba(10,26,47,.85),inset 0 1px 0 rgba(255,255,255,.16);
}
.kn-entcta-tx{flex:1;min-width:min(100%,260px)}
.kn-entcta-tx b{
display:block;font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:5px;line-height:1.6;text-wrap:balance;
}
.kn-entcta-tx span{
display:block;font-size:.89rem;font-weight:500;color:#fff;opacity:.9;line-height:1.85;text-wrap:pretty;
}
.kn-entcta .btn{flex:none;display:inline-flex;align-items:center;gap:7px}
.kn-entcta .btn svg{transform:scaleX(-1)}
@media(max-width:640px){
.kn-entcta{padding:19px 17px;border-radius:19px}
.kn-entcta .btn{width:100%;justify-content:center}
}
.dfu-hint{display:block;margin-top:7px;font-size:.78rem;font-weight:500;
line-height:1.9;color:var(--muted);opacity:.9}
.dfu-filters{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end}
.dfu-sel{flex:1 1 190px;min-width:0;margin:0}
.dfu-chk{flex:1 1 100%;display:flex;align-items:center;gap:9px;cursor:pointer;
font-size:.9rem;font-weight:700;color:var(--ink);line-height:1.7}
.dfu-chk input{width:19px;height:19px;accent-color:var(--teal);flex:none}
.dfu-chk.off{cursor:not-allowed;opacity:.55}
.kd-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 9px;min-height:30px;align-items:center}
.kd-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 11px;border-radius:999px;
font:inherit;font-size:.79rem;font-weight:800;cursor:pointer;
color:var(--teal-dark);background:rgba(0,151,109,.13);border:1px solid rgba(0,151,109,.28);
transition:background .18s,border-color .18s,transform .18s cubic-bezier(.22,1,.36,1)}
.kd-chip:hover{background:rgba(0,151,109,.2);border-color:rgba(0,151,109,.45);transform:translateY(-1px)}
.kd-chip svg{width:13px;height:13px;flex:none;opacity:.7}
.kd-chip-none{font-size:.79rem;font-weight:600;color:var(--muted);opacity:.8}
.bh-sub{font-size:.74rem;font-weight:600;color:var(--muted);opacity:.85}
.kdg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
@media(max-width:520px){.kdg-grid{grid-template-columns:1fr}}
.kdg{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;
padding:16px 12px 14px;border-radius:17px;cursor:pointer;font:inherit;text-align:center;
background:rgba(255,255,255,.72);border:1.5px solid rgba(10,26,47,.1);
box-shadow:0 1px 2px rgba(10,26,47,.07);
transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s,background .2s}
.kdg svg{width:26px;height:26px;color:var(--muted);opacity:.75;transition:color .2s,opacity .2s,transform .3s cubic-bezier(.22,1,.36,1)}
.kdg b{font-size:1rem;font-weight:800;color:var(--ink)}
.kdg small{font-size:.72rem;font-weight:600;color:var(--muted)}
.kdg:hover{transform:translateY(-2px);border-color:rgba(0,151,109,.35);box-shadow:0 10px 22px -16px rgba(10,26,47,.55)}
.kdg.sel{background:linear-gradient(150deg,rgba(0,151,109,.14),rgba(0,144,220,.1));
border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,151,109,.14)}
.kdg.sel svg:not(.kdg-tick){color:var(--teal-dark);opacity:1;transform:scale(1.08)}
.kdg.sel b{color:var(--teal-dark)}
.kdg-tick{position:absolute;top:9px;inset-inline-end:9px;width:17px!important;height:17px!important;
color:#fff;background:var(--teal);border-radius:50%;padding:2px;opacity:0;transform:scale(.4)}
.kdg.sel .kdg-tick{opacity:1;transform:none;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.kds{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:4px;
border-radius:14px;background:rgba(10,26,47,.06);border:1px solid rgba(10,26,47,.08)}
.kds-thumb{position:absolute;top:4px;bottom:4px;width:calc((100% - 8px)/3);border-radius:11px;
background:linear-gradient(150deg,#00674A,#00618F);opacity:0;
box-shadow:0 4px 12px -6px rgba(0,103,74,.75);
transition:inset-inline-start .32s cubic-bezier(.22,1,.36,1),opacity .2s}
.kds[data-sel="1"] .kds-thumb{opacity:1;inset-inline-start:4px}
.kds[data-sel="2"] .kds-thumb{opacity:1;inset-inline-start:calc(4px + (100% - 8px)/3)}
.kds[data-sel="3"] .kds-thumb{opacity:1;inset-inline-start:calc(4px + (100% - 8px)/3*2)}
.kds-b{position:relative;z-index:1;padding:10px 6px;border:0;background:none;cursor:pointer;
font:inherit;font-size:.88rem;font-weight:700;color:var(--muted);border-radius:11px;
transition:color .2s}
.kds-b:hover{color:var(--ink)}
.kds-b.sel{color:#fff;font-weight:800}
.kdl{margin:0 0 14px;padding:14px 16px 12px;border-radius:16px;
background:rgba(255,255,255,.72);border:1px solid rgba(10,26,47,.1)}
.kdl-hd{font-size:.88rem;font-weight:900;color:var(--ink);margin-bottom:12px}
.kdl-hd small{font-weight:600;font-size:.76rem;color:var(--muted);margin-inline-start:6px}
.kdl-demo{position:relative;padding:58px 0 96px;margin:0 6px}
.kdl-demo .dfu-rail{height:12px}
.kdl-cal{position:absolute;display:flex;flex-direction:column;align-items:center;
transform:translateX(-50%);pointer-events:none}
.kdl-cal b{font-size:.7rem;font-weight:800;white-space:nowrap;color:#3A4A60;
background:rgba(255,255,255,.92);border-radius:6px;padding:1px 6px;
box-shadow:0 1px 3px rgba(10,26,47,.12)}
.kdl-cal i{width:1px;background:rgba(10,26,47,.3)}
.kdl-cal-you{top:26px}
.kdl-cal-you b{color:#6B4507;background:rgba(255,214,102,.35)}
.kdl-cal-you i{height:16px;background:var(--gold)}
.kdl-cal-lo,.kdl-cal-md,.kdl-cal-hi{top:calc(58px + 12px)}
.kdl-cal-lo i{height:12px}
.kdl-cal-md i{height:34px}
.kdl-cal-hi i{height:56px}
.kdl-ax{position:absolute;top:0;font-size:.72rem;font-weight:800;color:#3A4A60;
background:rgba(255,255,255,.7);border-radius:6px;padding:1px 7px}
.kdl-ax1{inset-inline-start:0}
.kdl-ax2{inset-inline-end:0}
.kdl-list{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.kdl-list li{display:flex;align-items:flex-start;gap:9px;font-size:.79rem;font-weight:600;
line-height:1.95;color:var(--ink)}
.kdl-list b{font-weight:900}
.kdl-ic{flex:none;width:26px;height:18px;margin-top:3px;display:flex;align-items:center;
justify-content:center;border-radius:6px;background:rgba(10,26,47,.05)}
.kdl-ic1 i{width:20px;height:9px;border-radius:999px;
background:linear-gradient(90deg,#00976D,#18CFA4 55%,#0090DC)}
.kdl-ic2 i{width:3px;height:15px;border-radius:2px;background:#0A1A2F;opacity:.6}
.kdl-ic3 i{width:3px;height:15px;border-radius:2px;background:var(--gold);
box-shadow:0 0 0 1px rgba(255,255,255,.9)}
.kdl-ic4 i{width:18px;height:0;border-top:2px dashed rgba(10,26,47,.45)}
@media(max-width:520px){.kdl{padding:12px 13px 10px}.kdl-list li{font-size:.76rem}}
.dfu-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 14px}
.dfu-lg{display:inline-flex;align-items:center;gap:6px;font-size:.79rem;font-weight:700;color:var(--ink)}
.dfu-lg i{width:11px;height:11px;border-radius:50%;flex:none}
.dfu-lg-note{font-size:.75rem;font-weight:500;color:var(--muted);opacity:.85}
a.dfu-lg{text-decoration:none;padding:4px 10px;border-radius:999px;
background:var(--cb);color:var(--ct);transition:transform .12s ease,filter .12s ease}
a.dfu-lg b{font-weight:800;opacity:.75}
a.dfu-lg:hover{filter:brightness(.96);transform:translateY(-1px)}
.dfu-lg-off{opacity:.42}
.sx-g[id]{scroll-margin-top:86px}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;margin:14px 0}
.taraz-tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.taraz-tbl th,.taraz-tbl td{padding:10px 14px;text-align:center;border-bottom:1px solid var(--line)}
.taraz-tbl thead th{background:var(--teal-soft);font-weight:800;color:var(--teal-dark);white-space:nowrap}
.taraz-tbl tbody tr:last-child td{border-bottom:0}
.taraz-tbl tbody tr:nth-child(2n){background:rgba(10,26,47,.025)}
.sx-sec[id]{scroll-margin-top:86px}
.mj-lead2{margin:-6px 0 12px;font-size:.92rem;font-weight:700;color:var(--muted)}
.kd-next{margin:16px 0 0;padding:15px 17px;border-radius:16px;
background:var(--teal-soft);border:1px solid rgba(0,151,109,.22)}
.kd-next b{display:block;font-size:.92rem;font-weight:900;color:var(--teal-dark);margin-bottom:6px}
.kd-next p{margin:0;font-size:.85rem;line-height:2.05;color:var(--ink)}
.kd-next a{font-weight:800;color:var(--teal-dark);text-decoration:underline}
.dfu-ok{--c:#00976D;--ct:#00603F;--cb:rgba(0,151,109,.15)}
.dfu-mid{--c:#0090DC;--ct:#00618F;--cb:rgba(0,144,220,.15)}
.dfu-edge{--c:#C98016;--ct:#7A5008;--cb:rgba(201,128,22,.19)}
.dfu-far{--c:#7A8699;--ct:#3E4A5C;--cb:rgba(10,26,47,.09)}
.dfu-lg i{background:var(--c)}
.dfu-ch{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;
white-space:nowrap;font-size:.76rem;font-weight:800;color:var(--ct);background:var(--cb)}
.dfu-ch::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.dfu-na{font-style:normal;font-size:.78rem;font-weight:600;color:var(--muted);opacity:.7}
.dfu-kh{display:inline-block;padding:3px 9px;border-radius:9px;font-size:.75rem;font-weight:700}
.dfu-kh-y{background:rgba(0,151,109,.13);color:var(--teal-dark)}
.dfu-kh-n{background:rgba(10,26,47,.08);color:var(--muted)}
.dfu-rail{position:relative;display:block;direction:ltr;height:12px;border-radius:999px;
background:linear-gradient(90deg,rgba(0,151,109,.14),rgba(10,26,47,.1));
box-shadow:inset 0 1px 2px rgba(10,26,47,.14)}
.dfu-span{position:absolute;inset-block:0;border-radius:999px;
background:linear-gradient(90deg,#00976D,#18CFA4 55%,#0090DC)}
.dfu-medtick{position:absolute;top:-3px;width:3px;height:18px;border-radius:2px;
background:#0A1A2F;opacity:.55;transform:translateX(-1.5px)}
.dfu-you{position:absolute;top:-3px;bottom:-3px;width:2px;transform:translateX(-1px);
border-radius:2px;background:var(--gold);box-shadow:0 0 0 1px rgba(255,255,255,.85)}
.dfu-you::after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:0;
transform:translateX(-50%);border-inline:4px solid transparent;
border-bottom:5px solid var(--gold);filter:drop-shadow(0 -1px 0 rgba(255,255,255,.9))}
.dfu-nums{display:block;margin-top:7px;font-size:.8rem;font-weight:800;color:var(--ink);
font-variant-numeric:tabular-nums;line-height:1.7}
.dfu-nums em{font-style:normal;display:block;font-size:.71rem;font-weight:600;color:var(--muted);opacity:.9}
.dfu-sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
margin:20px 2px 10px;padding-bottom:8px;border-bottom:2px solid rgba(10,26,47,.1)}
.dfu-sec span{font-size:1rem;font-weight:800;color:var(--ink)}
.dfu-sec b{font-size:.78rem;font-weight:700;color:var(--muted);opacity:.85;white-space:nowrap}
.dfu-none{margin-bottom:14px;padding:14px 17px;border-radius:16px;line-height:2;
font-size:.87rem;font-weight:600;color:var(--ink);
background:rgba(242,184,75,.14);border:1px solid rgba(201,128,22,.32)}
.dfu-none b{font-weight:900;font-variant-numeric:tabular-nums}
.dfu-low{font-style:italic}
.dfu-ch.dfu-lowch{border:1px dashed var(--c);padding-block:3px}
.dfu-src{margin-top:14px;font-size:.79rem;font-weight:500;line-height:2;color:var(--muted);
padding:13px 16px;border-radius:15px;background:rgba(10,26,47,.045);
border:1px solid rgba(10,26,47,.08)}
.dfu-src b{font-weight:800;color:var(--ink)}
.dfu-src>summary,.kdl-more>summary{cursor:pointer;list-style:none;font-weight:800;color:var(--ink);
display:flex;align-items:center;gap:7px;font-size:.8rem}
.dfu-src>summary::-webkit-details-marker,.kdl-more>summary::-webkit-details-marker{display:none}
.dfu-src>summary::before,.kdl-more>summary::before{content:"+";display:inline-flex;
align-items:center;justify-content:center;width:17px;height:17px;flex:none;border-radius:6px;
background:rgba(10,26,47,.09);font-weight:900;line-height:1}
.dfu-src[open]>summary::before,.kdl-more[open]>summary::before{content:"−"}
.dfu-src[open]>summary{margin-bottom:8px}
.kdl-more{margin-top:2px}
.kdl-more[open]>summary{margin-bottom:6px}
.kdl-more .kdl-list{margin-top:0}
.dfu-table td.c-du{text-align:start}
.dfu-table th.c-du{text-align:start}
.dfu-table td.c-du b{display:block;font-weight:800;color:var(--ink);line-height:1.6}
.dfu-table td.c-du span{display:block;font-size:.76rem;font-weight:600;color:var(--muted);opacity:.85}
.dfu-table td.c-dbar{text-align:start}
.dfu-table td.c-ddore,.dfu-table td.c-dkh{font-size:.8rem;font-weight:700;color:var(--ink)}
.dfu-table td.c-dcap{font-weight:800;font-variant-numeric:tabular-nums}
.dfu-table th small{display:block;font-size:.68rem;font-weight:600;opacity:.8}
@media(min-width:761px){
.dfu-table .c-du{width:26%}
.dfu-table .c-dbar{width:30%}
.dfu-table .c-ddore{width:14%}
.dfu-table .c-dkh{width:14%}
.dfu-table .c-dcap{width:8%}
.dfu-table .c-dch{width:12%}
}
@media(max-width:760px){
.dfu-table td.c-du{grid-column:1/-1}
.dfu-table td.c-dbar{grid-column:1/-1;padding-top:4px}
.dfu-table td.c-ddore{grid-column:span 6}
.dfu-table td.c-dkh{grid-column:span 6}
.dfu-table td.c-dcap{grid-column:span 4}
.dfu-table td.c-dch{grid-column:span 8;text-align:end}
.dfu-legend{gap:7px 11px}
}
.dfu-p4{--c:#00674A;--ct:#00603F}
.dfu-p3{--c:#0090DC;--ct:#00618F}
.dfu-p2{--c:#C98016;--ct:#7A5008}
.dfu-p1{--c:#7A8699;--ct:#3E4A5C}
.dfu-pr{display:block;height:8px;border-radius:999px;overflow:hidden;direction:ltr;
background:rgba(10,26,47,.09);margin-bottom:5px}
.dfu-pr i{display:block;height:100%;border-radius:999px;background:var(--c)}
.dfu-table td.c-dpr em{font-style:normal;font-size:.76rem;font-weight:700;color:var(--ct)}
.dfu-table td.c-dpr{text-align:start}
.dfu-table td.c-dcat,.dfu-table td.c-dnm{font-size:.82rem;font-weight:700;color:var(--ink)}
.dfu-isc{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;
font-size:.72rem;font-weight:700;line-height:1.7;color:#3E4A5C;
background:rgba(10,26,47,.07);border:1px solid rgba(10,26,47,.09)}
.kdh{padding-bottom:18px}
.kdb{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.kdb-cap{font-size:.88rem;font-weight:700;color:rgba(255,255,255,.88);line-height:1.9;margin-bottom:11px}
.kdb-cap b{font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.kdb-bar{display:flex;height:44px;border-radius:13px;overflow:hidden;
background:rgba(255,255,255,.06)}
.kdb-seg{flex:0 0 var(--w);display:grid;place-items:center;min-width:0;text-decoration:none;
background:var(--c);transform-origin:right center;
border-inline-end:1.5px solid rgba(10,26,47,.32);
animation:kdbGrow 780ms cubic-bezier(.22,1,.36,1) both;transition:filter .18s}
.kdb-seg:last-child{border-inline-end:0}
.kdb-seg:hover{filter:brightness(1.12)}
.kdb-seg b{font-size:.95rem;font-weight:900;color:#0A1A2F;font-variant-numeric:tabular-nums;
text-shadow:0 1px 1px rgba(255,255,255,.28)}
.kdb-seg[style*="--w:0."] b,.kdb-seg[style*="--w:1."] b,.kdb-seg[style*="--w:2."] b,
.kdb-seg[style*="--w:3."] b,.kdb-seg[style*="--w:4."] b{display:none}
@keyframes kdbGrow{from{transform:scaleX(0)}to{transform:none}}
.kdb-lg{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:11px}
.kdb-li{display:inline-flex;align-items:center;gap:7px;text-decoration:none;
padding:3px 2px;border-radius:8px;transition:opacity .18s}
.kdb-li:hover{opacity:.78}
.kdb-li i{width:11px;height:11px;border-radius:50%;background:var(--c);flex:none}
.kdb-li b{font-size:.95rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.kdb-li span{font-size:.79rem;font-weight:700;color:rgba(255,255,255,.85)}
.kdb-note{margin:11px 0 0;font-size:.75rem;font-weight:600;line-height:2;color:rgba(255,255,255,.8)}
.kdb-range{display:flex;align-items:center;gap:12px}
.kdb-range span{font-size:.79rem;font-weight:700;color:rgba(255,255,255,.88);white-space:nowrap}
.kdb-range b{font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.kdb-range i{flex:1 1 auto;height:8px;border-radius:999px;
background:linear-gradient(90deg,#18CFA4,rgba(143,163,188,.45))}
.dfu-lgyou i{border-radius:3px;background:var(--gold);border:1.5px solid #fff}
.kbm{margin-top:16px;padding:15px 16px 13px;border-radius:17px;
background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18)}
.kbm-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.kbm-ttl{font-size:.9rem;font-weight:800;color:rgba(255,255,255,.92)}
.kbm-ttl b{font-weight:900;color:#fff}
.kbm-badge{flex:none;padding:4px 11px;border-radius:999px;font-size:.76rem;font-weight:800;
color:#0A1A2F;background:var(--gold);font-variant-numeric:tabular-nums}
.kbm-row{margin-top:11px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.16);
display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.kbm-row:first-of-type{border-top:0;padding-top:4px}
.kbm-maj{flex:none;padding:3px 10px;border-radius:9px;font-size:.76rem;font-weight:800;
color:#0A1A2F;background:rgba(255,255,255,.82)}
.kbm-txt{font-size:.82rem;font-weight:600;line-height:1.95;color:rgba(255,255,255,.88)}
.kbm-txt b{font-weight:900;color:#fff}
.kbm-provs{flex-basis:100%;font-size:.78rem;font-weight:700;line-height:1.95;
color:rgba(255,255,255,.82)}
.kbm-sum{margin-top:12px;padding:9px 12px;border-radius:12px;font-size:.83rem;font-weight:700;
line-height:1.9;color:#0A1A2F;background:rgba(24,207,164,.9)}
.kbm-sum b{font-weight:900;font-variant-numeric:tabular-nums}
.kbm-none{background:rgba(255,255,255,.8)}
.kbm-note{margin:10px 0 0;font-size:.74rem;font-weight:600;line-height:2;color:rgba(255,255,255,.8)}
.kbm-note b{font-weight:800;color:rgba(255,255,255,.95)}
.kbm-gain{margin-top:12px;padding:12px 14px;border-radius:14px;display:flex;
align-items:center;gap:14px;flex-wrap:wrap;
background:var(--gb,rgba(255,255,255,.92));border:1px solid var(--gbd,rgba(10,26,47,.1))}
.kbm-gn{flex:none;display:flex;flex-direction:column;gap:2px;max-width:190px}
.kbm-gn b{font-size:1.45rem;font-weight:900;line-height:1.15;color:var(--gc,#00674A);
font-variant-numeric:tabular-nums}
.kbm-gn span{font-size:.72rem;font-weight:700;line-height:1.75;color:#3A4A60}
.kbm-gl{flex:1 1 240px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.kbm-gl li{position:relative;padding-inline-start:15px;font-size:.79rem;font-weight:600;
line-height:1.85;color:#0A1A2F}
.kbm-gl li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:6px;height:6px;
border-radius:50%;background:var(--gc,#00674A);opacity:.55}
.kbm-gl b{font-weight:900;font-variant-numeric:tabular-nums}
.kbm-g1{--gc:#004E73;--gb:#EDF6FC;--gbd:rgba(0,144,220,.3)}
.kbm-g2{--gc:#00674A;--gb:#E4F7F1;--gbd:rgba(0,151,109,.34)}
.kbm-g3{--gc:#6B4507;--gb:#FBF2E1;--gbd:rgba(201,128,22,.4)}
@media (max-width:560px){
.kbm-gain{gap:10px}
.kbm-gn{max-width:none;flex-basis:100%}
.kbm-gn b{font-size:1.3rem}
}
.kdc-bomi{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;
padding:3px 10px 3px 8px;border-radius:9px;font-size:.74rem;font-weight:800;
color:var(--bc,#0A1A2F);background:var(--bb,rgba(24,207,164,.22));
font-variant-numeric:tabular-nums}
.kdc-bomi svg{width:14px;height:14px;flex:none;opacity:.8}
.kbm-b0{--bc:#3A4A60;--bb:rgba(10,26,47,.08)}
.kdc-gain{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;
margin-top:-2px;padding:3px 10px 3px 8px;border-radius:9px;font-size:.73rem;
font-weight:700;color:#00503A;background:rgba(24,207,164,.18);line-height:1.7}
.kdc-gain svg{width:14px;height:14px;flex:none}
.kdc-gain b{font-weight:900}
.kbm-b1{--bc:#005034;--bb:rgba(0,151,109,.2)}
.kbm-b2{--bc:#004E73;--bb:rgba(0,144,220,.17)}
.kbm-b3{--bc:#6B4507;--bb:rgba(201,128,22,.2)}
.kbs{margin-top:34px;padding:20px 20px 16px;border-radius:20px;
background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.52));
border:1px solid rgba(255,255,255,.66);
box-shadow:0 1px 2px rgba(10,26,47,.1),0 16px 30px -26px rgba(10,26,47,.5)}
.kbs-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.kbs-hd h3{margin:0;font-size:1.02rem;font-weight:900;color:var(--ink)}
.kbs-hd span{flex:none;font-size:.78rem;font-weight:700;color:var(--muted);
font-variant-numeric:tabular-nums}
.kbs-lead{margin:9px 0 14px;font-size:.82rem;font-weight:600;line-height:2.05;color:var(--ink)}
.kbs-lead b{font-weight:800;color:var(--teal-dark)}
.kbs-table td b{font-weight:800}
.kbs-table td b + span{display:block;margin-top:2px;font-size:.74rem;font-weight:600;
color:var(--muted);opacity:.78}
.kbs-mine{background:rgba(24,207,164,.13)}
.kbs-k{display:inline-block;padding:2px 9px;border-radius:8px;font-size:.73rem;font-weight:800}
.kbs-k1{color:#78233D;background:rgba(190,60,100,.15)}
.kbs-k2{color:#004E73;background:rgba(0,144,220,.15)}
@media(max-width:760px){
.kbs-table td:nth-child(1){grid-column:1/-1;font-size:.95rem}
.kbs-table td:nth-child(2){grid-column:1/-1;font-size:.86rem;padding-bottom:10px;
border-bottom:1px solid rgba(10,26,47,.15)}
.kbs-table td:nth-child(3){grid-column:1/-1;font-size:.82rem;font-weight:700}
.kbs-table td:nth-child(4){grid-column:span 7}
.kbs-table td:nth-child(5){grid-column:span 5;font-weight:800;font-variant-numeric:tabular-nums}
.kms .kbs-table td:nth-child(3){grid-column:span 7;font-weight:600}
.kms .kbs-table td:nth-child(4){grid-column:span 5}
.kms .kbs-table td:nth-child(5){grid-column:1/-1}
}
.kbs-more{margin:9px 0 0;font-size:.76rem;font-weight:600;color:var(--muted)}
.kbs-note{margin:11px 0 0;font-size:.75rem;font-weight:600;line-height:2.05;color:var(--muted)}
.kbs-note b{font-weight:800;color:var(--ink)}
@media(max-width:520px){.kbs{padding:16px 14px 13px}}
.kbg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 26px}
@media(max-width:640px){.kbg-grid{grid-template-columns:1fr}}
.kbg-card{padding:19px 20px 15px;border-radius:20px;
background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.52));
border:1px solid rgba(255,255,255,.66);
box-shadow:0 1px 2px rgba(10,26,47,.1),0 16px 30px -26px rgba(10,26,47,.5)}
.kbg-card h4,.kbg-card h3{margin:0 0 9px;font-size:.98rem;font-weight:900;color:var(--ink)}
.kbg-card p{margin:0 0 9px;font-size:.85rem;font-weight:600;line-height:2.1;color:var(--ink)}
.kbg-card p:last-child{margin-bottom:0}
.kbg-card b{font-weight:800;color:var(--teal-dark)}
.kbg-h{margin:8px 0 12px;font-size:1.05rem;font-weight:900;color:var(--ink)}
.kbg-table td b{font-weight:800;white-space:nowrap}
@media(min-width:761px){
.kbg-table th:nth-child(1),.kbg-table td:nth-child(1){width:16%;text-align:start}
.kbg-table th:nth-child(2),.kbg-table td:nth-child(2){width:68%;text-align:start}
.kbg-table th:nth-child(3),.kbg-table td:nth-child(3){width:16%}
}
@media(max-width:760px){
.kbg-table td:nth-child(1){grid-column:span 7;font-size:.95rem}
.kbg-table td:nth-child(3){grid-column:span 5;font-weight:700}
.kbg-table td:nth-child(2){grid-column:1/-1;font-size:.84rem;line-height:1.9}
}
.dfu-sec[id]{scroll-margin-top:86px}
.kdc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.kdc{position:relative;display:flex;flex-direction:column;gap:11px;padding:16px 17px 14px;
border-radius:19px;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.56));
border:1px solid rgba(255,255,255,.66);border-top-color:rgba(255,255,255,.98);
box-shadow:0 1px 2px rgba(10,26,47,.1),0 16px 30px -26px rgba(10,26,47,.5);
animation:kdcIn 620ms cubic-bezier(.22,1,.36,1) var(--dly,0ms) both}
@keyframes kdcIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.kdc::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:3px;
border-radius:0 3px 3px 0;background:var(--c,transparent)}
.kdc-ok{--c:#00976D}.kdc-mid{--c:#0090DC}.kdc-edge{--c:#C98016}.kdc-far{--c:#7A8699}
.kdc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.kdc-id b{display:block;font-size:.95rem;font-weight:800;color:var(--ink);line-height:1.65}
.kdc-id span{display:block;margin-top:2px;font-size:.75rem;font-weight:600;color:var(--muted);opacity:.9}
.kdc-top .dfu-ch{flex:none;margin-top:2px}
.kdc-maj{align-self:flex-start;padding:3px 10px;border-radius:9px;font-size:.74rem;font-weight:800;
color:var(--mc,#00603F);background:var(--mb,rgba(0,151,109,.13))}
.kdc-m0{--mc:#005034;--mb:rgba(0,151,109,.14)}
.kdc-m1{--mc:#004E73;--mb:rgba(0,144,220,.14)}
.kdc-m2{--mc:#6B4507;--mb:rgba(201,128,22,.17)}
.kdc-m3{--mc:#4E2673;--mb:rgba(126,74,178,.15)}
.kdc-m4{--mc:#78233D;--mb:rgba(190,60,100,.14)}
.kdc-m5{--mc:#3E4A5C;--mb:rgba(10,26,47,.1)}
.kdc-bar{width:100%}
.kdc-bar .dfu-rail{width:100%}
.kdc-pr{display:flex;align-items:center;gap:9px}
.kdc-pr .dfu-pr{flex:1 1 auto;margin:0;min-width:0}
.kdc-pr em{flex:none;font-style:normal;font-size:.75rem;font-weight:800;color:var(--ct,var(--muted))}
.kdc-pr em small{font-size:.68rem;font-weight:600;opacity:.75}
.kdc-facts{list-style:none;margin:0;padding:11px 0 0;display:flex;flex-wrap:wrap;gap:7px 14px;
border-top:1px solid rgba(10,26,47,.09)}
.kdc-facts li{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;
color:var(--ink);line-height:1.7}
.kdc-facts svg{width:15px;height:15px;flex:none;opacity:.62}
.kdc-facts .kf-y{color:var(--teal-dark)}
.kdc-facts .kf-y svg{opacity:.95}
.kdc-facts .kf-n,.kdc-facts .kf-x{color:var(--muted);font-weight:600}
.kdc-facts .kf-isc{color:#3E4A5C}
@media(max-width:520px){
.kdc-grid{grid-template-columns:1fr}
.kdv-plot{height:96px}
.kdv-youlb{font-size:.67rem;padding:2px 7px}
}
@media(prefers-reduced-motion:reduce){
.kdc,.kdb-seg{animation:none}
}
.dfu-table td.c-disc{text-align:start}
.dfu-table td.c-disc .dfu-isc{margin-top:0}
@media(min-width:761px){
.dfu-table .c-du{width:22%}
.dfu-table .c-dpr{width:13%}
.dfu-table .c-dbar{width:25%}
.dfu-table .c-ddore{width:13%}
.dfu-table .c-dkh{width:13%}
.dfu-table .c-dcap{width:7%}
.dfu-table .c-dch{width:11%}
.dgc-table .c-du{width:29%}
.dgc-table .c-dpr{width:15%}
.dgc-table .c-disc{width:13%}
.dgc-table .c-dcat{width:12%}
.dgc-table .c-dnm{width:9%}
.dgc-table .c-dcap{width:9%}
.dgc-table .c-ddore{width:13%}
}
@media(max-width:760px){
.dfu-table td.c-dpr{grid-column:span 6}
.dfu-table td.c-disc{grid-column:span 6}
.dfu-table td.c-dcat{grid-column:span 6}
.dfu-table td.c-dnm{grid-column:span 6}
}
.dgw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 18px}
@media(max-width:640px){.dgw-grid{grid-template-columns:1fr}}
.dgw-card{position:relative;padding:20px 20px 16px;border-radius:20px;
background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.5));
border:1px solid rgba(255,255,255,.62);border-top-color:rgba(255,255,255,.98);
box-shadow:0 1px 2px rgba(10,26,47,.12),0 18px 34px -26px rgba(10,26,47,.5)}
.dgw-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
font-weight:900;font-size:.9rem;color:#fff;margin-bottom:11px;
background:linear-gradient(135deg,#00674A,#00618F)}
.dgw-card h4,.dgw-card h3{font-size:1rem;font-weight:800;color:var(--ink);margin:0 0 7px}
.dgw-card p{font-size:.86rem;line-height:2;color:var(--ink);margin:0 0 10px}
.dgw-src{display:block;font-size:.72rem;font-weight:700;color:var(--teal-dark);
padding-top:9px;border-top:1px dashed rgba(10,26,47,.16)}
.dgw-card.dgw-empty{background:rgba(10,26,47,.035);border-style:dashed;
border-color:rgba(10,26,47,.2);box-shadow:none}
.dgw-card.dgw-empty .dgw-n{background:#7A8699}
.dgw-card.dgw-empty .dgw-src{color:var(--muted)}
.dgc-filters{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;margin:16px 0 6px}
.dgc-filters .dfu-sel{flex:1 1 220px}
.mj-cta.mjc-ent{
border-color:rgba(0,144,220,.42);
box-shadow:0 20px 46px -24px rgba(0,144,220,.6);
}
.mj-cta.mjc-ent .mjc-glow{background:radial-gradient(circle,rgba(0,144,220,.3),transparent 66%)}
.tp-ent-li{list-style:none;margin:0 0 16px;display:grid;gap:8px}
.tp-ent-li li{
position:relative;padding-inline-start:23px;font-size:.87rem;font-weight:600;line-height:1.75;color:var(--ink);
}
.tp-ent-li li::before{
content:"";position:absolute;inset-inline-start:0;top:.55em;width:8px;height:8px;border-radius:3px;
background:var(--grad-brand);transform:rotate(45deg);
}
.hero-offer{
position:relative;overflow:hidden;
display:inline-flex;align-items:center;gap:11px;
margin-top:20px;padding:9px 16px 9px 9px;border-radius:100px;
background:linear-gradient(120deg,rgba(242,184,75,.17),rgba(242,184,75,.07) 60%,rgba(0,144,220,.12));
border:1px solid rgba(242,184,75,.42);
box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease;
}
.hero-offer:hover{
transform:translateY(-2px);border-color:rgba(242,184,75,.75);
box-shadow:0 12px 28px -14px rgba(242,184,75,.75),inset 0 1px 0 rgba(255,255,255,.22);
}
.hero-offer .hof-tag{
flex:none;display:grid;place-items:center;min-width:44px;height:30px;padding:0 10px;border-radius:100px;
font-size:.9rem;font-weight:800;color:#2A1A00;
background:linear-gradient(135deg,#FFD473,#F2B84B);
box-shadow:0 5px 14px -7px rgba(242,184,75,.95);
}
.hero-offer .hof-tx{font-size:.88rem;font-weight:700;color:#fff;line-height:1.6}
.hero-offer .hof-go{flex:none;display:grid;place-items:center;color:#FFD473;opacity:.85;transition:transform .22s ease}
.hero-offer .hof-go svg{transform:scaleX(-1)}
.hero-offer:hover .hof-go{transform:translateX(-3px)}
@media(max-width:640px){
.hero-offer{width:100%;padding:9px 13px 9px 9px}
.hero-offer .hof-tx{font-size:.81rem}
}
#plans .ef-lv-h{
display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;
margin-bottom:9px;padding-top:13px;border-top:1px dashed rgba(255,255,255,.2);
}
#plans .ef-lv-h span{font-size:.83rem;font-weight:800;color:#fff}
#plans .ef-lv-h b{
font-size:.72rem;font-weight:700;color:#04101F;padding:2px 9px;border-radius:100px;
background:linear-gradient(135deg,#1FF0BE,#5FC8FF);
}
#plans .ef-lv b svg{width:12px;height:12px;display:block}
#faq{
position:relative;isolation:isolate;overflow:hidden;
max-width:1120px;margin:14px auto!important;
padding:46px 0 50px!important;border-radius:44px;
background:
radial-gradient(120% 58% at 14% -8%,rgba(140,210,255,.17),rgba(140,210,255,0) 56%),
radial-gradient(90% 60% at 94% 104%,rgba(0,144,220,.22),rgba(0,144,220,0) 60%),
linear-gradient(158deg,rgba(10,26,47,.97),rgba(18,41,77,.98));
border:1px solid rgba(255,255,255,.16);
border-top-color:rgba(255,255,255,.32);
border-bottom-color:rgba(127,212,255,.18);
box-shadow:0 44px 88px -44px rgba(10,26,47,.62),
inset 0 1px 0 rgba(255,255,255,.26),
inset 0 -1px 0 rgba(127,212,255,.2);
}
#faq .wrap{position:relative;z-index:2}
#faq .sec-head h2,#faq .sec-head p{color:#fff}
#faq .sec-kicker{background-image:linear-gradient(120deg,#A8FBE6,#A6E4FF 140%)}
#faq .faq-item{
background:
radial-gradient(120% 90% at 10% 0%,rgba(31,240,190,.09),rgba(31,240,190,0) 60%),
linear-gradient(155deg,rgba(255,255,255,.1),rgba(255,255,255,.04) 55%,rgba(255,255,255,.075)),
linear-gradient(155deg,rgba(4,14,28,.62),rgba(6,22,44,.56));
border:1px solid rgba(255,255,255,.15);
border-top-color:rgba(255,255,255,.3);
box-shadow:0 20px 44px -24px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18);
}
#faq .faq-item summary,#faq .faq-item .ans,#faq .faq-item .ans p{color:#fff}
#faq .faq-item summary::after{color:#1FF0BE}
#faq .faq-item[open]{border-color:rgba(31,240,190,.34)}
#faq .faq-item .ans{border-top-color:rgba(255,255,255,.16)}
#faq .faq-item summary::before{color:#1FF0BE}
@media(max-width:700px){#faq{margin:0 10px!important;border-radius:28px;padding:34px 0 38px!important}}
#faq{background-color:transparent}
.plan .p-media{background:transparent}
.plan .p-media-ph{
background:linear-gradient(135deg,
rgba(0,151,109,.22),rgba(255,255,255,.34) 58%,rgba(0,144,220,.24))}
.plan .p-media-ph b{opacity:1;color:var(--teal-dark)}
.tp-axes{margin:26px 0 4px;padding:22px 24px 20px;border-radius:22px;
background:linear-gradient(140deg,rgba(0,151,109,.09),rgba(0,144,220,.09));
border:1px solid rgba(0,151,109,.26)}
.tp-axes-h b{display:block;font-size:1.02rem;font-weight:900;color:var(--ink);line-height:1.7}
.tp-axes-h span{display:block;font-size:.86rem;line-height:1.95;color:var(--muted);margin-top:5px}
.tp-axes-l{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
.tp-axes-l li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;
align-items:baseline;padding:12px 14px;border-radius:14px;
background:color-mix(in srgb,var(--c) 10%,#fff);
border:1px solid color-mix(in srgb,var(--c) 28%,transparent)}
.tp-axes-l li i{width:9px;height:9px;border-radius:3px;background:var(--c);
transform:rotate(45deg);align-self:center}
.tp-axes-l li b{font-size:.9rem;font-weight:800;color:var(--cd)}
.tp-axes-l li span{grid-column:2;font-size:.79rem;line-height:1.85;color:var(--muted);margin-top:3px}
@supports not (color:color-mix(in srgb,red 10%,transparent)){
.tp-axes-l li{background:#fff;border-color:var(--line)}
}
.tp-axes-more{display:inline-block;margin-top:14px;font-size:.85rem;font-weight:800;
color:var(--teal-dark);text-decoration:none;
padding:12px 6px;margin-inline:-6px}
.tp-axes-more:hover{text-decoration:underline}
.tp-cmp{position:relative;overflow:hidden}
.tp-cmp::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;
background:linear-gradient(90deg,#00976D,#0090DC 45%,#8B7FF0)}
.tp-cmp-s{font-size:.87rem;line-height:2;color:var(--muted);margin:-4px 0 16px}
.tp-cmp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tp-cmp-c{position:relative;display:flex;flex-direction:column;gap:6px;
padding:18px 16px;border-radius:18px;text-decoration:none;
background:var(--paper-2);border:1px solid var(--line);
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.tp-cmp-c b{font-size:.95rem;font-weight:800;color:var(--ink);line-height:1.6}
.tp-cmp-d{font-size:.8rem;line-height:1.9;color:var(--muted);flex:1}
.tp-cmp-n{align-self:flex-start;padding:4px 11px;border-radius:100px;
font-size:.73rem;font-weight:800;color:var(--teal-dark);background:rgba(0,151,109,.12)}
.tp-cmp-go{font-size:.82rem;font-weight:800;color:var(--teal-dark)}
.tp-cmp-c.cur{background:linear-gradient(150deg,rgba(0,151,109,.12),rgba(0,144,220,.1));
border-color:rgba(0,151,109,.5);cursor:default}
.tp-cmp-you{align-self:flex-start;margin-bottom:2px;padding:4px 11px;border-radius:100px;
font-size:.71rem;font-weight:800;color:#fff;
background:linear-gradient(120deg,#00674A,#00618F)}
@media(hover:hover) and (pointer:fine){
a.tp-cmp-c:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--teal)}
}
@media(max-width:900px){
.tp-axes-l{grid-template-columns:1fr}
.tp-cmp-g{grid-template-columns:1fr}
}
.sa-grid{display:grid;gap:24px}
.sa-inputs,.sa-live{min-width:0}
.wiz-wrap{max-width:680px}
.wizard-tamin.wide{overflow:clip}
@media(min-width:981px){
.wiz-wrap.wide{max-width:1140px}
.wizard-tamin.wide{max-width:1080px}
.sa-grid{grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.sa-a{grid-area:1/1}
.sa-b{grid-area:2/1}
.sa-live{grid-area:1/2/3/3}
.sa-live{position:sticky;top:92px}
.avg-hero{margin-top:0}
.ah-tn{max-width:none}
}
@media(max-width:980px){
.sa-live{position:sticky;top:auto;bottom:10px;z-index:6;margin:10px 0 2px;
transform:translateY(calc(-1 * var(--kb,0px)));transition:transform .18s ease}
.avg-hero{margin-top:0;padding:12px 14px;border-radius:18px}
.avg-hero:not(.on){padding:12px 16px}
.ah-empty{font-size:.78rem;line-height:1.75;padding:2px 0;max-width:none}
.avg-hero.on .ah-body{display:flex;align-items:center;gap:12px;text-align:start}
.ah-gauge{width:76px;height:76px;margin:0;flex:none}
.ah-gauge::before{display:none}
.ah-trk,.ah-prg{stroke-width:11}
.ah-gv b{font-size:1.24rem;text-shadow:none}
.ah-gv small{display:none}
.ah-lbl{margin:0;font-size:.68rem;line-height:1.45;flex:none;max-width:80px;align-self:center}
.ah-sep{display:block;width:1px;height:50px;margin:0;flex:none;max-width:none;
align-self:center;background:rgba(255,255,255,.18)}
.ah-sep::after{display:none}
.ah-taraz{flex:1;min-width:0;display:flex;align-items:baseline;gap:7px;
flex-wrap:wrap;align-content:center}
.ah-taraz::before{display:none}
.ah-tl{font-size:.64rem;flex:none}
.ah-tv{font-size:1.95rem;letter-spacing:-.5px;margin:0;line-height:1.1}
.ah-bar{display:block;max-width:none;margin:7px 0 0;height:6px}
.ah-tn{display:none}
.ah-deco{display:none}
.ah-empty{font-size:.75rem}
}
@media(max-width:520px){
.avg-hero{margin-top:0;padding:10px 12px;border-radius:16px}
.ah-gauge{width:68px;height:68px}
.ah-gv b{font-size:1.12rem}
.ah-tv{font-size:1.75rem;letter-spacing:-.5px}
.ah-lbl{font-size:.63rem;max-width:70px}
}
.avg-hero{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,padding .3s ease;
will-change:transform}
.avg-hero.on{background:
radial-gradient(340px 220px at var(--shx,50%) var(--shy,0%),rgba(79,195,247,.16),transparent 70%),
linear-gradient(150deg,#0A1A2F 0%,#132D4C 50%,#0B3A45 100%)}
.avg-hero.beat{animation:ahBeat .42s cubic-bezier(.34,1.4,.64,1)}
@keyframes ahBeat{
0%{box-shadow:0 26px 64px -30px rgba(10,26,47,.78),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 0 rgba(31,240,190,.42)}
55%{box-shadow:0 26px 64px -30px rgba(10,26,47,.78),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 9px rgba(31,240,190,0)}
100%{box-shadow:0 26px 64px -30px rgba(10,26,47,.78),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 0 rgba(31,240,190,0)}
}
.row-inp:focus-within .rn-name{color:var(--teal-dark);font-weight:700}
.row-inp:focus-within .wchip{background:var(--teal);color:#fff}
@media(prefers-reduced-motion:reduce){
.avg-hero.beat{animation:none}
.avg-hero{transition:none}
}
.mini-neg{width:34px;height:34px;border-radius:10px;flex:none;
border:1.5px solid var(--line);background:var(--paper-2);
font-family:inherit;font-size:1rem;font-weight:800;color:var(--muted);
cursor:pointer;transition:.2s;position:relative}
.mini-neg::after{content:"";position:absolute;inset:-5px}
.mini-neg:active{transform:scale(.94)}
@media(hover:hover) and (pointer:fine){
.mini-neg:hover{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}
}
.lg-tint,
.tp-konkur .tpk,
.tp-sg .tsg,
.tps-fam .tps-card{
--gc:#00976D;
background:
linear-gradient(0deg,color-mix(in srgb,var(--gc) 14%,transparent),color-mix(in srgb,var(--gc) 14%,transparent)),
radial-gradient(126% 64% at 16% -14%,rgba(255,255,255,.86),rgba(255,255,255,0) 56%),
radial-gradient(88% 58% at 96% 106%,color-mix(in srgb,var(--gc) 12%,transparent),transparent 62%),
linear-gradient(152deg,rgba(255,255,255,.72),rgba(255,255,255,.54) 48%,rgba(255,255,255,.64));
border:1px solid rgba(255,255,255,.6);
border-top-color:rgba(255,255,255,.94);
border-bottom-color:color-mix(in srgb,var(--gc) 30%,transparent);
box-shadow:0 1px 2px rgba(10,26,47,.1),
0 18px 40px -26px color-mix(in srgb,var(--gc) 60%,rgba(10,26,47,.5)),
inset 0 1px 0 rgba(255,255,255,.95),
inset 0 -1px 0 rgba(255,255,255,.45)}
@supports not (color:color-mix(in srgb,red 10%,transparent)){
.lg-tint,.tp-konkur .tpk,.tp-sg .tsg,.tps-fam .tps-card{
background:linear-gradient(152deg,rgba(255,255,255,.84),rgba(255,255,255,.68));
border-color:var(--line)}
}
.tp-konkur .tpk{--gc:#0090DC}
.tp-konkur .tpk-good{--gc:#00976D}
.tp-konkur .tpk-warn{--gc:#F2B84B}
.tp-konkur .tpk:nth-child(4){--gc:#8B7FF0}
.tp-konkur .tpk:nth-child(5){--gc:#E8636F}
.tp-konkur .tpk:nth-child(6){--gc:#00B98A}
.tp-konkur .tpk .tk-l{color:color-mix(in srgb,var(--gc) 72%,#0A1A2F)}
.tp-sg .tsg-plus{--gc:#00976D}
.tp-sg .tsg-minus{--gc:#F2B84B}
.tf-tahlilgar{--gc:#8B7FF0}
.tf-armangara{--gc:#E8636F}
.tf-negahban{--gc:#0090DC}
.tf-kavoshgar{--gc:#00976D}
.tps-fam .tps-card{--gc:inherit}
.tps-fam-h{
background:
radial-gradient(126% 64% at 16% -14%,rgba(255,255,255,.14),rgba(255,255,255,0) 56%),
radial-gradient(90% 60% at 98% 104%,color-mix(in srgb,var(--gc) 34%,transparent),transparent 60%),
linear-gradient(152deg,rgba(10,26,47,.93),rgba(18,41,77,.95));
border:1px solid rgba(255,255,255,.18);
border-top-color:rgba(255,255,255,.34);
box-shadow:0 2px 4px rgba(0,0,0,.2),0 30px 60px -32px rgba(0,0,0,.6),
inset 0 1px 0 rgba(255,255,255,.28)}
.tps-fam-h h2,.tps-fam-h p,.tps-fam-h .tf-let,.tps-fam-h .tf-konkur,
.tps-fam-h .tf-konkur svg{color:#fff!important;fill:currentColor}
.tps-fam-h .tf-let{background:color-mix(in srgb,var(--gc) 46%,transparent);
border:1px solid rgba(255,255,255,.28)}
.tps-fam-h .tf-konkur{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.tps-fam-h .tf-ic{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.wizard-tamin{--gc:#0090DC;
background:
linear-gradient(0deg,color-mix(in srgb,var(--gc) 8%,transparent),color-mix(in srgb,var(--gc) 8%,transparent)) padding-box,
radial-gradient(90% 46% at 18% -8%,rgba(255,255,255,.9),rgba(255,255,255,0) 58%) padding-box,
radial-gradient(70% 44% at 96% 104%,rgba(0,151,109,.12),transparent 62%) padding-box,
linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.62) 52%,rgba(255,255,255,.72)) padding-box,
linear-gradient(120deg,var(--teal) 0%,var(--amber) 55%,var(--violet) 100%) border-box}
.sub-block .row-inp{display:grid;grid-template-columns:minmax(0,1fr) 34px 96px 22px;
align-items:center;gap:10px}
.sub-block .row-inp > .rn{grid-column:1;min-width:0}
.sub-block .row-inp > .mini-neg{grid-column:2}
.sub-block .row-inp > .mini-inp{grid-column:3;width:100%}
.sub-block .row-inp > .mini-suffix{grid-column:4;width:auto;text-align:center}
.sub-block .row-inp:has(> .wide-inp){grid-template-columns:minmax(0,1fr) 0 130px 0}
@supports not selector(:has(*)){
.sub-block .row-inp > .wide-inp{width:100%}
}
@media(max-width:420px){
.sub-block .row-inp{grid-template-columns:minmax(0,1fr) 32px 82px 18px;gap:8px}
.sub-block .row-inp:has(> .wide-inp){grid-template-columns:minmax(0,1fr) 0 116px 0}
}
.mj-sec[data-c="blue"]  {--gc:#0090DC}
.mj-sec[data-c="amber"] {--gc:#C98A12}
.mj-sec[data-c="violet"]{--gc:#8B7FF0}
.mj-sec[data-c="rose"]  {--gc:#E8636F}
.mj-sec[data-c="teal"]  {--gc:#00976D}
.mj-sec[data-c]{
background:
linear-gradient(0deg,color-mix(in srgb,var(--gc) 11%,transparent),color-mix(in srgb,var(--gc) 11%,transparent)),
radial-gradient(126% 64% at 16% -14%,rgba(255,255,255,.88),rgba(255,255,255,0) 56%),
radial-gradient(84% 56% at 96% 106%,color-mix(in srgb,var(--gc) 14%,transparent),transparent 62%),
linear-gradient(152deg,rgba(255,255,255,.74),rgba(255,255,255,.56) 48%,rgba(255,255,255,.66));
border-bottom-color:color-mix(in srgb,var(--gc) 28%,transparent);
box-shadow:0 1px 2px rgba(10,26,47,.1),
0 20px 44px -28px color-mix(in srgb,var(--gc) 55%,rgba(10,26,47,.5)),
inset 0 1px 0 rgba(255,255,255,.95)}
.mj-sec[data-c] .mj-h::before{background:color-mix(in srgb,var(--gc) 20%,#fff);
color:color-mix(in srgb,var(--gc) 78%,#0A1A2F)}
.mj-sec[data-c] .mj-h svg{color:color-mix(in srgb,var(--gc) 80%,#0A1A2F)}
@supports not (color:color-mix(in srgb,red 10%,transparent)){
.mj-sec[data-c]{background:linear-gradient(152deg,rgba(255,255,255,.84),rgba(255,255,255,.68))}
}
@media(max-width:640px){
.entbar .eb-txt{font-size:.8rem}
.brand-txt span{font-size:.75rem}
.t span,
.ab-chip span,
.rc-spark span,
.ef-lv-h b{font-size:.75rem}
.step-card .step-badge{font-size:.75rem}
}
@media(max-width:640px) and (pointer:coarse){
.foot-links .foot-col a{display:inline-flex;align-items:center;min-height:40px}
}
.mj-rank{position:relative;overflow:hidden;margin-top:16px;padding:18px 20px 16px;
border:1px solid rgba(0,144,220,.34);border-radius:18px;background:rgba(255,255,255,.86);
box-shadow:0 10px 30px -22px rgba(10,26,47,.65)}
.mj-rank::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--grad-brand-r)}
.mj-rank .mjr-lbl{display:block;font-size:.82rem;font-weight:700;color:var(--ink)}
.mj-rank .mjr-lbl b{font-weight:800;color:var(--amber-dark)}
.mj-rank .mjr-blk + .mjr-blk{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mj-rank .mjr-grp{display:inline-flex;align-items:center;gap:6px;margin-top:11px;
padding:4px 10px;border-radius:100px;background:var(--amber-soft);color:var(--amber-dark);
font-size:.78rem;font-weight:800}
.mj-rank .mjr-grp svg{width:14px;height:14px}
.mj-rank .mjr-duo{display:flex;align-items:flex-end;gap:14px;margin-top:8px}
.mj-rank .mjr-cell{display:flex;flex-direction:column;gap:1px}
.mj-rank .mjrc-k{font-size:.79rem;font-weight:700;color:var(--ink);opacity:.7}
.mj-rank .mjrc-v{font-size:1.62rem;font-weight:900;color:var(--teal-dark);line-height:1.25;
font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mj-rank .mjr-dash{flex:1 1 auto;min-width:18px;height:2px;margin-bottom:.62em;border-radius:2px;
background:linear-gradient(90deg,var(--teal),var(--amber))}
.mj-rank .mjr-mts{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.mj-rank .mjr-mt{display:grid;align-items:baseline;gap:4px 10px;
grid-template-columns:auto 1fr auto;
padding:8px 11px;border-radius:11px;background:var(--paper-2);
border:1px solid var(--line)}
.mj-rank .mjr-mt-k{font-size:.76rem;font-weight:700;color:var(--ink);opacity:.72;white-space:nowrap}
.mj-rank .mjr-mt-v{font-size:1.02rem;font-weight:900;color:var(--teal-dark);
font-variant-numeric:tabular-nums;white-space:nowrap}
.mj-rank .mjr-mt-v i{font-style:normal;font-size:.74rem;font-weight:700;
color:var(--ink);opacity:.55;margin-inline:3px}
.mj-rank .mjr-mt-n{font-size:.68rem;font-weight:600;color:var(--ink);opacity:.6;white-space:nowrap}
@media(max-width:430px){
.mj-rank .mjr-mt{grid-template-columns:auto 1fr}
.mj-rank .mjr-mt-n{grid-column:2;justify-self:start}
}
.mj-rank .mjr-side{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mj-rank .mjr-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 11px;
border-radius:10px;border:1px solid var(--line);background:var(--paper-2);
font-size:.76rem;font-weight:600;color:var(--ink)}
.mj-rank .mjr-chip b{font-size:.92rem;font-weight:900;color:var(--amber-dark);
font-variant-numeric:tabular-nums}
.mj-rank .mjr-thin{border-color:rgba(201,128,22,.5);background:rgba(242,184,75,.16)}
.mj-rank .mjr-note{margin-top:12px;font-size:.77rem;line-height:1.95;color:var(--ink);opacity:.78}
.mj-rank .mjr-note b{opacity:1;font-weight:800}
@media(max-width:520px){
.mj-rank{padding:16px 15px 14px}
.mj-rank .mjrc-v{font-size:1.34rem}
.mj-rank .mjr-duo{gap:10px}
}
.msh2{padding-top:26px}
.m2-hero{position:relative;overflow:hidden;border-radius:var(--g-r);
padding:26px 28px 22px;margin-bottom:16px;
transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.m2-hero.beat{animation:m2Beat .62s cubic-bezier(.34,1.4,.64,1)}
@keyframes m2Beat{
0%{box-shadow:0 0 0 0 rgba(31,240,190,.4)}
55%{box-shadow:0 0 0 10px rgba(31,240,190,0)}
100%{box-shadow:0 0 0 0 rgba(31,240,190,0)}
}
.m2-deco{position:absolute;inset-inline-end:-40px;top:-46px;width:190px;height:190px;
opacity:.5;pointer-events:none}
.m2-deco svg{width:100%;height:100%}
.m2-lead{position:relative;text-align:center}
.m2-cap{display:block;font-size:.82rem;font-weight:700;color:rgba(255,255,255,.72);margin-bottom:4px}
.m2-big{display:flex;align-items:baseline;justify-content:center;gap:8px}
.m2-big b{font-size:clamp(2.6rem,9vw,3.7rem);font-weight:900;color:#fff;line-height:1;
letter-spacing:-1.5px;font-variant-numeric:tabular-nums;
text-shadow:0 2px 22px rgba(31,240,190,.4)}
.m2-big small{font-size:.84rem;font-weight:700;color:rgba(255,255,255,.7)}
.m2-sub{display:block;margin-top:7px;font-size:.82rem;font-weight:600;color:#7FF3D6}
.m2-spec{position:relative;margin:16px 0 4px;padding-inline:14px;--spec-h:46px}
.m2-spec svg{display:block;width:100%;height:var(--spec-h);overflow:visible;transform:scaleX(-1)}
.m2-trk{stroke:rgba(255,255,255,.09);stroke-width:10;stroke-linecap:round}
.m2-prg{stroke:url(#m2grad);stroke-width:10;stroke-linecap:round;
stroke-dasharray:584;stroke-dashoffset:584;
transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1);
filter:drop-shadow(0 0 10px rgba(31,240,190,.5))}
.m2-ticks line{stroke:rgba(255,255,255,.22);stroke-width:1.4;stroke-linecap:round}
.m2-mark{position:absolute;top:0;height:var(--spec-h);inset-inline-end:0;width:100%;pointer-events:none}
.m2-mark i{position:absolute;top:50%;inset-inline-start:var(--p,0%);width:15px;height:15px;
margin-top:-7.5px;margin-inline-start:-7.5px;border-radius:50%;
background:radial-gradient(circle at 38% 34%,#fff,#7FF3D6 46%,#1FF0BE);
box-shadow:0 0 0 4px rgba(31,240,190,.22),0 0 16px 3px rgba(31,240,190,.55);
transition:inset-inline-start 1.6s cubic-bezier(.22,1,.36,1)}
.m2-mark i::after{content:'';position:absolute;inset:-5px;border-radius:50%;
border:1.5px solid rgba(31,240,190,.5);opacity:0}
.m2-hero.live .m2-mark i::after{animation:m2Ping 2.6s ease-out infinite}
@keyframes m2Ping{0%{transform:scale(.7);opacity:.9}70%,100%{transform:scale(1.9);opacity:0}}
.m2-mark.off{opacity:0}
.m2-mark b{display:none}
.m2-big b.pop{animation:m2Pop .62s cubic-bezier(.22,1.4,.36,1)}
@keyframes m2Pop{0%{transform:scale(.9);opacity:.55}60%{transform:scale(1.045)}100%{transform:scale(1)}}
.m2-big b{display:inline-block;will-change:transform}
.m2-spec{position:relative}
.m2-scale{display:flex;justify-content:space-between;margin-top:-8px;
font-size:.72rem;font-weight:700;color:rgba(255,255,255,.55)}
.m2-scale i{font-style:normal}
.m3-med{position:absolute;top:0;height:var(--spec-h);inset-inline-start:0;width:100%;pointer-events:none}
.m3-med i{position:absolute;top:26%;bottom:28%;
inset-inline-start:var(--medLo,30%);width:var(--medW,40%);
border-radius:4px;background:rgba(255,255,255,.09);
border-inline-start:2px dashed rgba(255,255,255,.55);
border-inline-end:2px dashed rgba(255,255,255,.55)}
.m3-med b{position:absolute;top:-14px;inset-inline-start:var(--medC,50%);transform:translateX(50%);
font-size:.68rem;font-weight:800;color:rgba(255,255,255,.6);white-space:nowrap}
.m3-med b::before{content:'بازه معمول ';font-weight:600;opacity:.8}
.m2-panel{border-radius:24px;padding:14px 20px;margin-bottom:14px}
.m2-search{position:relative;display:flex;align-items:center;gap:10px;
margin:2px 0 12px;padding:7px 12px 7px 8px;border-radius:15px;
background:rgba(255,255,255,.72);
border:1.5px solid rgba(0,151,109,.28);
box-shadow:0 1px 2px rgba(10,26,47,.08),inset 0 1px 0 rgba(255,255,255,.9);
transition:border-color .2s var(--g-ease),box-shadow .2s var(--g-ease)}
.m2-search:focus-within{border-color:var(--teal);
box-shadow:0 0 0 2px var(--teal),inset 0 1px 0 rgba(255,255,255,.9)}
.m2-search svg{flex:0 0 auto;width:20px;height:20px;color:#fff;
padding:5px;box-sizing:content-box;border-radius:11px;
background:linear-gradient(135deg,var(--teal),#0090DC);
box-shadow:0 4px 10px -5px rgba(0,151,109,.9)}
.m2-search input{flex:1 1 auto;min-width:0;border:none;background:transparent;
font-family:inherit;font-size:.95rem;font-weight:600;color:var(--ink);padding:5px 0}
.m2-search input::placeholder{color:var(--ink);opacity:.5;font-weight:500}
.m2-search input:focus{outline:none}
.m2-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.m2-clear{flex:0 0 auto;width:28px;height:28px;border-radius:50%;
border:1px solid var(--line);background:rgba(255,255,255,.8);
color:var(--ink);font-size:1rem;line-height:1;cursor:pointer;transition:.2s}
.m2-clear:hover{background:var(--teal-soft);border-color:rgba(0,151,109,.4)}
.m2-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:9px 0}
.m2-row + .m2-row{border-top:1px dashed var(--line)}
.m2-lbl{flex:0 0 auto;min-width:132px;font-size:.82rem;font-weight:800;color:var(--ink)}
.m2-chips{display:flex;flex-wrap:wrap;gap:7px}
.m2-chip{padding:7px 14px;border-radius:100px;border:1px solid var(--line);background:transparent;
font-family:inherit;font-size:.8rem;font-weight:700;color:var(--ink);cursor:pointer;
transition:transform .18s,background .18s,border-color .18s,color .18s}
.m2-chip:hover{border-color:var(--teal);transform:translateY(-1px)}
.m2-chip.on{background:linear-gradient(135deg,#00603F,#00618F);border-color:transparent;color:#fff}
.m2-deg{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;
border-radius:8px;font-size:.78rem;font-weight:700;cursor:help;
background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
.m2-deg::before{content:'🎓';font-size:.8rem}
.m2-deg.d-ma,.m2-deg.d-phd{background:rgba(139,127,240,.16);color:var(--violet-dark)}
.m2-deg.d-ba\+{background:rgba(0,144,220,.12);color:var(--amber-dark)}
.m2-mjs{display:flex;flex-wrap:wrap;gap:5px}
.m2-mj{display:inline-flex;padding:3px 9px;border-radius:100px;font-size:.76rem;font-weight:700;
border:1px solid var(--line);color:var(--ink);transition:border-color .2s,transform .2s}
a.m2-mj:hover{border-color:var(--teal);transform:translateY(-1px)}
.m2-mj.g-tajrobi{background:rgba(0,151,109,.1)}
.m2-mj.g-riazi{background:rgba(0,144,220,.1)}
.m2-mj.g-ensani{background:rgba(139,127,240,.12)}
.m2-mj.more{opacity:.62;font-weight:600}
.m2-empty{padding:26px;text-align:center;font-size:.92rem;color:var(--ink);
border:1px dashed var(--line);border-radius:18px}
.m2-src{display:flex;gap:8px;align-items:flex-start;margin:20px 0 0;padding-top:14px;
border-top:1px solid var(--line);font-size:.8rem;line-height:1.95;color:var(--ink)}
.m2-src svg{flex-shrink:0;width:16px;height:16px;margin-top:5px;color:var(--amber-dark)}
.m2-src b{font-weight:800}
.m2-cta{margin-top:22px;padding:22px;border-radius:24px;text-align:center}
.m2-cta p{margin:0 0 14px;font-size:.94rem;line-height:1.9;color:var(--ink)}
.m2-cta .btn{margin:4px}
.m3-step{padding:16px 20px 18px}
.m3-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.m3-head > div{flex:1;min-width:0}
.m3-head b{display:block;font-size:1.02rem;font-weight:800;color:var(--ink);line-height:1.6}
.m3-head > div > span{display:block;font-size:.8rem;font-weight:600;color:var(--muted);line-height:1.75}
.m3-num{flex:0 0 auto;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;
background:var(--grad-brand);color:#fff;font-size:.95rem;font-weight:900;
box-shadow:var(--glow-teal)}
.m3-back{flex:0 0 auto;align-self:center;padding:6px 13px;border-radius:100px;cursor:pointer;
border:1px solid var(--line);background:transparent;font-family:inherit;
font-size:.76rem;font-weight:700;color:var(--teal-dark);transition:.2s}
.m3-back:hover{border-color:var(--teal);background:var(--teal-soft)}
.m3-picks{max-height:330px;margin-top:10px}
.m3-pick{width:100%;justify-content:space-between;text-align:start;
border:none;font-family:inherit;font-size:.88rem;color:inherit}
.m3-pn{flex:0 0 auto;font-style:normal;font-size:.72rem;font-weight:700;
color:var(--muted);opacity:.8}
.m3-pick.sel .m3-pn{color:var(--teal-dark);opacity:1}
.m3-tblwrap{margin-top:4px}
.m3-tbl{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.9rem}
.m3-tbl th,.m3-tbl td{padding:13px 14px;text-align:center;vertical-align:middle;
border-bottom:1px solid rgba(255,255,255,.55)}
.m3-tbl thead th{color:#fff;font-weight:800;font-size:.79rem;border-bottom:none;
background:linear-gradient(180deg,rgba(10,26,47,.95),rgba(10,26,47,.88));
box-shadow:inset 0 -1px 0 rgba(255,255,255,.22)}
.m3-tbl th.c-job,.m3-tbl td.c-job{text-align:start}
@media(min-width:761px){
.m3-tbl .c-job{width:38%}
.m3-tbl .c-lo,.m3-tbl .c-hi{width:14%}
.m3-tbl .c-bar{width:34%}
}
.m3-tbl tbody tr td{background:rgba(255,255,255,.20)}
.m3-tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.46)}
.m3-tbl tbody tr:last-child td{border-bottom:none}
.m3-tbl td.c-job{font-weight:700;color:var(--ink);line-height:1.65;overflow-wrap:break-word}
.m3-alt{display:block;margin-top:3px;font-style:normal;font-size:.76rem;font-weight:600;
line-height:1.8;color:var(--muted);opacity:.9}
.m3-tbl td.c-lo b,.m3-tbl td.c-hi b{font-weight:900;font-variant-numeric:tabular-nums;font-size:1rem}
.m3-tbl td.c-lo b{color:var(--teal-dark)}
.m3-tbl td.c-hi b{color:var(--amber-dark)}
.m3-jrow{cursor:pointer;transition:background .18s}
.m3-jrow:hover td,.m3-jrow:focus-visible td{background:rgba(0,151,109,.13)}
.m3-jrow.on td{background:linear-gradient(90deg,rgba(0,151,109,.20),rgba(0,144,220,.16))}
.m3-jrow:focus{outline:none}
.m3-jrow:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.m3-nonum{cursor:default}
.m3-nonum td{opacity:.72}
.m3-nod{font-size:.75rem;font-weight:600;color:var(--muted)}
.m3-via{display:block;margin-top:1px;font-style:normal;font-size:.72rem;
font-weight:600;color:var(--muted);opacity:.85}
.m3-dev{display:flex;align-items:center;gap:9px}
.m3-devnums{flex:0 0 auto;min-width:88px;display:flex;flex-direction:column;gap:2px}
.m3-devnums em{display:flex;justify-content:space-between;gap:7px;font-style:normal;
font-size:.72rem;font-weight:700;color:var(--muted);opacity:.72;white-space:nowrap;line-height:1.55}
.m3-dev b{flex:0 0 auto;font-size:.78rem;font-weight:900;opacity:1;
font-variant-numeric:tabular-nums;white-space:nowrap;text-align:start}
.m3-devnums em.up b{color:var(--teal-dark)}
.m3-devnums em.dn b,.m3-devnums em.eq b{color:var(--muted)}
.m3-devtrk{position:relative;flex:1 1 auto;height:11px;border-radius:100px;
background:color-mix(in srgb,var(--ink) 7%,transparent)}
.m3-devtrk::before{content:'';position:absolute;top:-4px;bottom:-4px;inset-inline-start:50%;
width:2px;margin-inline-start:-1px;border-radius:2px;
background:color-mix(in srgb,var(--ink) 38%,transparent)}
.m3-devtrk i{position:absolute;top:0;bottom:0;width:calc(var(--d,0%) * .5);border-radius:100px;
animation:m3Grow .8s cubic-bezier(.22,1,.36,1) backwards;
animation-delay:calc(var(--i,0) * .045s)}
.m3-dev.up .m3-devtrk i{inset-inline-start:50%;transform-origin:inline-start;
background:linear-gradient(90deg,#4FC3F7,var(--teal));
box-shadow:0 0 10px -2px rgba(0,151,109,.55)}
.m3-dev.dn .m3-devtrk i{inset-inline-end:50%;transform-origin:inline-end;
background:linear-gradient(270deg,#F2B84B,#E0A23A)}
.m3-note{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;
font-size:.78rem;line-height:1.9;color:var(--ink);opacity:.82}
.m3-note svg{flex-shrink:0;width:15px;height:15px;margin-top:5px;color:var(--amber-dark)}
.m3-note b{font-weight:800}
.m3-hero{margin-top:14px;animation:m3Pop .5s cubic-bezier(.22,1,.36,1)}
@keyframes m3Pop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.m3-title{display:block;font-size:1.28rem;font-weight:900;color:#fff;line-height:1.6;
margin-bottom:6px;text-wrap:balance}
.m3-big{flex-wrap:wrap;gap:12px}
.m3-big b{font-size:clamp(2rem,7vw,2.9rem)}
.m3-big i{font-style:normal;font-size:1.25rem;font-weight:800;
color:rgba(255,255,255,.5);align-self:center}
.m3-big small{width:100%;text-align:center;margin-top:2px}
.m3-ladwrap{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.13)}
.m3-secttl{display:block;font-size:.78rem;font-weight:800;color:rgba(255,255,255,.72);margin-bottom:9px}
.m3-lad{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.m3-lad li{display:grid;grid-template-columns:minmax(0,8.5rem) 1fr auto;align-items:center;gap:11px}
.m3-llv{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.9);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m3-lbar{height:9px;border-radius:100px;background:rgba(255,255,255,.08);overflow:hidden}
.m3-lbar i{display:block;height:100%;width:var(--w);border-radius:100px;
background:linear-gradient(90deg,#00976D,#1FF0BE 46%,#4FC3F7);
box-shadow:0 0 12px rgba(31,240,190,.45);
transform-origin:inline-start;
animation:m3Grow 1.3s cubic-bezier(.22,1,.36,1) backwards;
animation-delay:calc(var(--i) * .13s)}
.m3-lv{font-size:.9rem;font-weight:900;color:#7FF3D6;font-variant-numeric:tabular-nums}
.m3-foot{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:16px;padding-top:14px;
border-top:1px solid rgba(255,255,255,.13)}
.m3-fitem{min-width:0}
.m3-fmjs{flex:1 1 260px}
.m3-faltbox{flex:1 1 100%}
.m3-alt2{display:block;font-size:.84rem;font-weight:600;line-height:1.9;color:rgba(255,255,255,.88)}
.m3-flbl{display:block;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.6);margin-bottom:6px}
.m3-deg{background:rgba(31,240,190,.14)!important;color:#7FF3D6!important;
border:1px solid rgba(31,240,190,.24)}
.m3-deg.d-ma,.m3-deg.d-phd{background:rgba(167,139,250,.18)!important;color:#D6CCFF!important;
border-color:rgba(167,139,250,.3)}
.m3-deg.d-ba\+{background:rgba(79,195,247,.16)!important;color:#B6E6FF!important;
border-color:rgba(79,195,247,.28)}
.m3-hero .m2-mj{background:rgba(255,255,255,.1);color:#fff}
.m3-hero .m2-mj:hover{background:rgba(255,255,255,.2)}
.m3-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.m3-actions .btn{flex:1 1 200px;justify-content:center}
.m3-hero .btn-line-teal{border-color:rgba(255,255,255,.34);color:#fff}
.m3-hero .btn-line-teal:hover{background:rgba(255,255,255,.12)}
.m3-read{margin-top:34px}
@media(max-width:760px){
.m3-tblwrap{overflow:visible;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.m3-tbl,.m3-tbl tbody,.m3-tbl tr,.m3-tbl td{display:block;width:auto}
.m3-tbl{table-layout:auto}
.m3-tbl thead{display:none}
.m3-tbl tbody tr{position:relative;display:grid;grid-template-columns:repeat(2,1fr);
gap:9px 12px;padding:14px 16px;border-radius:18px;margin-bottom:11px;
background:
radial-gradient(130% 90% at 84% -20%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%),
linear-gradient(152deg,rgba(255,255,255,.72),rgba(255,255,255,.48));
border:1px solid rgba(255,255,255,.58);
border-top-color:rgba(255,255,255,.98);
box-shadow:0 1px 2px rgba(10,26,47,.14),0 16px 28px -22px rgba(10,26,47,.55)}
.m3-tbl tbody tr:last-child{margin-bottom:0}
.m3-tbl tbody tr td,.m3-tbl tbody tr:nth-child(even) td,
.m3-tbl .m3-jrow:hover td,.m3-tbl .m3-jrow.on td{padding:0;border:none;background:none;text-align:start}
.m3-tbl .m3-jrow.on{border-color:rgba(0,151,109,.45);
box-shadow:0 1px 2px rgba(10,26,47,.14),0 16px 28px -22px rgba(10,26,47,.55)}
.m3-tbl td.c-job{grid-column:1/-1;font-size:.97rem}
.m3-tbl td.c-bar{grid-column:1/-1;margin-top:2px}
.m3-tbl td[data-l]::before{content:attr(data-l);display:block;margin-bottom:2px;
font-size:.66rem;font-weight:700;color:var(--muted);opacity:.9}
.m3-head{gap:10px;flex-wrap:wrap}
.m3-back{width:100%;order:3;padding:9px 13px}
.m3-step{padding:14px 15px 16px}
.m3-picks{max-height:290px}
.m3-lad li{grid-template-columns:minmax(0,6.4rem) 1fr auto;gap:8px}
.m3-llv{font-size:.76rem}
.m3-lv{font-size:.82rem}
.m3-title{font-size:1.1rem}
}
@media(max-width:640px){
.msh2{padding-top:18px}
.m2-hero{padding:15px 15px 12px;border-radius:24px;margin-bottom:8px}
.m2-deco{width:140px;height:140px;top:-34px;inset-inline-end:-30px}
.m2-spec{margin:12px 0 2px}
.m2-spec{--spec-h:34px}
.m2-mark i{width:13px;height:13px;margin-top:-6.5px;margin-inline-start:-6.5px}
.m2-scale{font-size:.75rem}
.m2-search{padding:6px 10px 6px 6px;margin-bottom:10px}
.m2-search input{font-size:.88rem}
.m2-search svg{width:18px;height:18px;padding:5px}
.m2-lbl{min-width:auto;flex:0 0 auto;font-size:.76rem;opacity:.85}
.m2-panel{padding:6px 13px;border-radius:20px;margin-bottom:9px}
.m2-row{padding:4px 0;gap:4px 9px}
.m2-chip{padding:6px 12px;font-size:.76rem}
.m2-deg{font-size:.76rem;padding:3px 8px}
}
@media(prefers-reduced-motion:reduce){
.m2-prg{transition:none}
.m2-hero.beat,.m2-mark i::after,.m2-spec::after{animation:none!important}
.m2-mark i{transition:none}
}
.nav-mega-wide{grid-column:1/-1;display:block;margin-top:6px;padding:12px 15px;border-radius:14px;
background:linear-gradient(135deg,rgba(0,151,109,.12),rgba(0,144,220,.1));
border:1px solid rgba(0,151,109,.28);transition:border-color .2s,transform .2s}
.nav-mega-wide:hover{border-color:var(--teal);transform:translateY(-1px)}
.nav-mega-wide b{display:block;font-size:.9rem;font-weight:900;color:var(--teal-dark);margin-bottom:3px}
.nav-mega-wide span{display:block;font-size:.78rem;line-height:1.7;color:var(--ink);opacity:.85}
.mj-jmore{margin:12px 0 0;text-align:center}
.mj-jmore a{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:100px;
background:var(--teal-soft);color:var(--teal-dark);font-size:.85rem;font-weight:800;
transition:transform .2s,box-shadow .2s}
.mj-jmore a:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,151,109,.9)}
.mj-jmore svg{width:16px;height:16px}
.jrn-sec{--jrn-rail:112px;--jrn-dot:46px;--jrn-card:rgba(255,255,255,.9)}
.jrn-h{text-align:center;max-width:620px;margin:0 auto 34px}
.jrn-k{display:inline-block;font-size:.74rem;font-weight:800;padding:5px 15px;border-radius:99px;
background:var(--teal-soft);color:var(--teal-dark);margin-bottom:12px}
.jrn-h h2{margin:0 0 9px;font-size:1.68rem;font-weight:900;color:var(--ink);line-height:1.7}
.jrn-h p{margin:0;font-size:.95rem;font-weight:500;line-height:2;color:var(--ink)}
.jrn-h p b{color:var(--teal-dark);font-weight:900}
.jrn{position:relative}
.jrn::before{content:"";position:absolute;top:14px;bottom:96px;
inset-inline-start:50%;margin-inline-start:-1px;width:2px;
background:repeating-linear-gradient(var(--line) 0 5px,transparent 5px 12px)}
.jrn.rd::before{display:none}
.jrn-road{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.jrn-road-bg{fill:none;stroke:var(--line);stroke-width:2;stroke-linecap:round;stroke-dasharray:2 7}
.jrn-road-fg{fill:none;stroke:var(--teal);stroke-width:3.4;stroke-linecap:round}
.jrn.rd .jrn-road-fg{transition:stroke-dashoffset .16s linear}
.jrn-ph{position:relative;z-index:1}
.jrn-ph-h{display:flex;justify-content:center;padding:26px 0 20px}
.jrn-ph:first-child .jrn-ph-h{padding-top:0}
.jrn-ph-p{display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;
border-radius:99px;background:var(--paper-2);border:1px solid var(--line);
box-shadow:0 8px 22px -18px rgba(10,26,47,.75)}
[dir="rtl"] .jrn-ph-p,html[lang="fa"] .jrn-ph-p{padding:8px 8px 8px 18px}
.jrn-ph-i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
font-size:.8rem;font-weight:900;color:#fff;background:var(--ink)}
.jrn-ph-p b{font-size:.95rem;font-weight:900;color:var(--ink)}
.jrn-ph-p i{font-style:normal;font-size:.78rem;font-weight:700;color:var(--teal-dark);
padding-inline-start:10px;border-inline-start:1px solid var(--line)}
.jrn-list{list-style:none;margin:0;padding:0}
.jrn-st{display:grid;grid-template-columns:1fr var(--jrn-rail) 1fr;
align-items:center;padding:7px 0;position:relative;z-index:1}
.jrn-rail{grid-column:2;grid-row:1;display:grid;place-items:center;position:relative;min-height:var(--jrn-dot)}
.jrn-rail::after{content:"";position:absolute;top:50%;height:2px;
width:calc(50% - (var(--jrn-dot) / 2) + 1px);background:var(--teal);opacity:.5}
.jrn-st.a .jrn-rail::after{inset-inline-start:0}
.jrn-st.b .jrn-rail::after{inset-inline-end:0}
.jrn-st.a .jrn-card{grid-column:1;grid-row:1;border-inline-end:3px solid var(--teal)}
.jrn-st.b .jrn-card{grid-column:3;grid-row:1;border-inline-start:3px solid var(--teal)}
.jrn-dot{position:relative;z-index:2;flex:none;
width:var(--jrn-dot);height:var(--jrn-dot);border-radius:50%;
display:grid;place-items:center;font-size:1rem;font-weight:900;color:#fff;
background:linear-gradient(145deg,var(--teal),var(--teal-dark));
box-shadow:0 8px 20px -10px rgba(0,96,63,.9),inset 0 1px 0 rgba(255,255,255,.32)}
.jrn-dot svg{width:21px;height:21px}
.jrn-card{background:var(--jrn-card);border:1px solid var(--line);border-radius:16px;
padding:14px 17px 15px;box-shadow:0 12px 28px -24px rgba(10,26,47,.8);
transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}
.jrn-card b{display:block;font-size:1rem;font-weight:900;color:var(--ink);line-height:1.8}
.jrn-card p{margin:5px 0 0;font-size:.87rem;font-weight:500;line-height:2;color:var(--ink)}
.jrn-st:hover .jrn-card{transform:translateY(-2px);box-shadow:0 16px 34px -22px rgba(10,26,47,.85)}
.jrn-who{display:inline-flex;align-items:center;gap:6px;margin-top:10px;
padding:4px 11px;border-radius:99px;background:var(--teal-soft);
color:var(--teal-dark);font-size:.75rem;font-weight:800}
.jrn-who svg{width:14px;height:14px;flex:none}
.jrn-st.loop .jrn-card{background:linear-gradient(135deg,rgba(0,151,109,.1),rgba(0,144,220,.09));
border:1.5px dashed var(--teal);border-inline-width:1.5px}
.jrn-st.loop .jrn-dot{background:linear-gradient(145deg,var(--amber),var(--amber-dark))}
.jrn-st.loop .jrn-rail::after{background:var(--amber);opacity:.6}
.jrn-tag{display:inline-block;margin-bottom:8px;padding:4px 11px;border-radius:99px;
background:var(--amber-dark);color:#fff;font-size:.73rem;font-weight:800}
.jrn-ms{display:flex;align-items:center;justify-content:center;gap:9px;
margin:20px auto 0;max-width:640px;padding:12px 20px;border-radius:14px;
background:var(--teal-soft);color:var(--teal-dark);
font-size:.92rem;font-weight:800;line-height:1.9;text-align:center}
.jrn-ms svg{width:19px;height:19px;flex:none}
.jrn-end{position:relative;z-index:1;max-width:660px;margin:34px auto 0;
padding:24px 26px;border-radius:20px;text-align:center;
background:var(--paper-2);border:1px solid var(--teal);
box-shadow:0 20px 46px -30px rgba(0,96,63,.95)}
.jrn-end-k{display:inline-block;margin-bottom:11px;padding:5px 15px;border-radius:99px;
background:var(--grad-brand);color:#fff;font-size:.75rem;font-weight:800}
.jrn-end b{display:block;font-size:1.12rem;font-weight:900;color:var(--ink);line-height:1.85}
.jrn-end p{margin:9px 0 0;font-size:.92rem;font-weight:500;line-height:2.1;color:var(--ink)}
.jrn-end p b{display:inline;font-size:inherit;color:var(--teal-dark)}
.jrn-svc{max-width:900px;margin:38px auto 0;padding:22px 24px;border-radius:20px;
background:var(--jrn-card);border:1px solid var(--line)}
.jrn-svc h3{margin:0 0 14px;font-size:1.05rem;font-weight:900;color:var(--ink);text-align:center}
.jrn-svc ul{list-style:none;margin:0;padding:0;display:grid;gap:9px 22px;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.jrn-svc li{position:relative;padding-inline-start:27px;font-size:.88rem;font-weight:600;line-height:1.9}
.jrn-svc li::before{content:"";position:absolute;inset-inline-start:0;top:.36em;
width:17px;height:17px;background:var(--teal);
-webkit-mask:var(--rd-chk) center/contain no-repeat;
mask:var(--rd-chk) center/contain no-repeat}
.jrn.rd .jrn-st,.jrn.rd .jrn-ms,.jrn.rd .jrn-end{opacity:0;transform:translateY(13px);
transition:opacity .46s ease,transform .46s cubic-bezier(.22,1,.36,1)}
.jrn.rd .jrn-st.in,.jrn.rd .jrn-ms.in,.jrn.rd .jrn-end.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
.jrn.rd .jrn-road-fg{transition:none}
.jrn.rd .jrn-st,.jrn.rd .jrn-ms,.jrn.rd .jrn-end{opacity:1;transform:none;transition:none}
}
@media(max-width:880px){
.jrn-sec{--jrn-rail:56px;--jrn-dot:38px}
.jrn::before{inset-inline-start:28px;margin-inline-start:-1px}
.jrn-st{grid-template-columns:var(--jrn-rail) 1fr}
.jrn-st.a .jrn-card,.jrn-st.b .jrn-card{grid-column:2;grid-row:1;
border-inline:1px solid var(--line);border-inline-start:3px solid var(--teal)}
.jrn-rail{grid-column:1}
.jrn-st.a .jrn-rail::after,.jrn-st.b .jrn-rail::after{inset-inline-start:auto;inset-inline-end:0;
width:calc(50% - (var(--jrn-dot) / 2) + 1px)}
.jrn-ph-h{justify-content:flex-start;padding-inline-start:0}
.jrn-h h2{font-size:1.32rem}
.jrn-card b{font-size:.94rem}
.jrn-end,.jrn-svc{padding:19px 18px}
.jrn-svc ul{grid-template-columns:1fr}
}
@media(max-width:480px){
.jrn-ph-p{flex-wrap:wrap;gap:7px;padding:7px 7px 7px 14px}
.jrn-ph-p i{padding-inline-start:0;border-inline-start:0}
}
.plan-grid{perspective:1400px}
.plan{--px:.5;--py:.5;--lift:0;
transform:
rotateX(calc((.5 - var(--py)) * 7deg))
rotateY(calc((var(--px) - .5) * 9deg))
translateY(calc(var(--lift) * -8px));
transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .35s ease}
.plan:hover{transform:
rotateX(calc((.5 - var(--py)) * 7deg))
rotateY(calc((var(--px) - .5) * 9deg))
translateY(-8px);
transform-style:preserve-3d}
.plan.is-tilt{transition:transform .12s linear,box-shadow .45s ease,border-color .35s ease}
.p-glow{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;
border-radius:inherit;mix-blend-mode:soft-light;
transition:opacity .4s ease;
background:radial-gradient(340px circle at calc(var(--px) * 100%) calc(var(--py) * 100%),
rgba(255,255,255,.9),rgba(255,255,255,.28) 32%,transparent 62%)}
.plan:hover .p-glow,.plan:focus-within .p-glow{opacity:1}
.plan.hot::before{content:"";position:absolute;inset:0;z-index:0;padding:1.5px;
border-radius:inherit;pointer-events:none;
background:conic-gradient(from var(--ang,0deg),
rgba(31,240,190,0) 0deg,#1FF0BE 60deg,#7FD4FF 120deg,rgba(127,212,255,0) 200deg,
rgba(31,240,190,0) 300deg,#1FF0BE 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
mask-composite:exclude;
animation:pAng 6s linear infinite;opacity:.85}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes pAng{to{--ang:360deg}}
.plan .p-media,.plan .p-body{transform:translateZ(0);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.plan:hover .p-media{transform:translateZ(26px)}
.plan:hover .p-body{transform:translateZ(12px)}
.plan .p-hot,.plan .p-cat{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.plan:hover .p-hot,.plan:hover .p-cat{transform:translateZ(38px)}
.p-media-ph{overflow:hidden}
.p-mono{position:absolute;inset:0;width:100%;height:100%;color:var(--teal-dark);opacity:.45;
transition:transform .6s cubic-bezier(.22,1,.36,1)}
.plan:hover .p-mono{transform:scale(1.08) translateX(-2%)}
#plans .p-mono{color:#1FF0BE;opacity:.55}
.plan::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
border-radius:inherit;opacity:0;
background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.42) 48%,transparent 58%);
background-size:300% 100%;background-position:100% 0}
.plan:hover::after{opacity:1;animation:pSheen .85s cubic-bezier(.4,0,.2,1)}
@keyframes pSheen{from{background-position:100% 0}to{background-position:0 0}}
.plan:hover{box-shadow:0 34px 70px -30px rgba(6,32,58,.55),0 8px 22px -14px rgba(6,32,58,.35)}
#plans .plan:hover{box-shadow:0 38px 78px -32px rgba(0,0,0,.85),0 0 0 1px rgba(127,247,216,.28)}
.p-cart{transition:transform .45s cubic-bezier(.34,1.5,.64,1),background .3s ease,box-shadow .3s ease}
.plan:hover .p-cart{transform:translateZ(46px) scale(1.14) rotate(-8deg);
box-shadow:0 16px 32px -12px rgba(0,151,109,.95)}
.p-btn{position:relative;overflow:hidden;isolation:isolate}
.p-btn::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s ease;
background:radial-gradient(120px circle at calc(var(--px) * 100%) 50%,rgba(255,255,255,.35),transparent 70%)}
.plan:hover .p-btn::after{opacity:1}
@media(hover:none){
.plan,.plan:hover{transform:none}
.p-glow,.plan::after{display:none}
.plan:hover .p-media,.plan:hover .p-body,.plan:hover .p-cart,
.plan:hover .p-hot,.plan:hover .p-cat{transform:none}
}
@media(prefers-reduced-motion:reduce){
.plan,.plan:hover,.plan.is-tilt{transform:none;transition:box-shadow .2s ease}
.plan.hot::before{animation:none}
.plan:hover::after{animation:none;opacity:0}
.p-glow{display:none}
.plan:hover .p-media,.plan:hover .p-body,.plan:hover .p-cart,
.plan:hover .p-hot,.plan:hover .p-cat,.plan:hover .p-mono{transform:none}
}
.p-media{aspect-ratio:2/1}
.p-body{padding:22px 22px 24px}
.plan .pdesc{line-height:1.85}
.p-feat{margin-top:16px}
.p-feat li{padding:5px 0;padding-inline-start:24px}
.p-foot{padding-top:20px}
@media(max-width:700px){
.p-media{aspect-ratio:2.4/1}
.p-body{padding:18px 20px 20px}
}
.plan{overflow:visible}
.p-media{aspect-ratio:auto;min-height:0;padding:26px 20px 8px;background:none;
border-radius:22px 22px 0 0;overflow:visible}
.p-media img{border-radius:18px;aspect-ratio:3/2}
.p-media-ph{position:static;display:block;padding:0;background:none}
.p-shot{display:grid;place-items:center;width:min(190px,78%);margin-inline:auto;
aspect-ratio:1.35/1;border-radius:20px;color:var(--teal-dark);
background:linear-gradient(155deg,var(--teal-soft),rgba(255,255,255,.55) 70%,var(--amber-soft));
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 30px -18px rgba(10,26,47,.45);
transition:transform .55s cubic-bezier(.22,1,.36,1)}
.p-shot svg{width:74%;height:auto;display:block}
.plan:hover .p-shot{transform:translateZ(30px) scale(1.05) rotate(-1.5deg)}
#plans .p-shot{color:#1FF0BE;
background:linear-gradient(155deg,rgba(31,240,190,.16),rgba(255,255,255,.06) 70%,rgba(0,144,220,.16));
box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 30px -18px rgba(0,0,0,.7)}
.p-body{text-align:center;padding-top:16px}
.plan h4,.plan h3{font-size:1.18rem;line-height:1.5;margin-bottom:8px}
.plan .pdesc{font-size:.86rem}
.p-feat{text-align:start}
.p-feat li{font-size:.83rem}
.p-hot{top:0;inset-inline-start:50%;transform:translate(50%,-50%);
white-space:nowrap;animation:none}
.plan:hover .p-hot{transform:translate(50%,-50%) translateZ(38px)}
.p-cat{top:14px;inset-inline-end:14px;border:1px solid var(--line);
box-shadow:0 6px 16px -10px rgba(10,26,47,.5)}
#plans .p-cat{border-color:rgba(255,255,255,.28)}
.p-cart{bottom:auto;top:14px;inset-inline-start:14px;width:38px;height:38px}
.p-cart svg{width:18px;height:18px}
.plan.hot .p-cart{inset-inline-start:14px}
.p-btn{padding-block:15px;font-size:.98rem;border-radius:14px}
@media(max-width:700px){
.p-media{padding:20px 16px 6px}
.p-shot{width:min(160px,66%)}
.plan h4,.plan h3{font-size:1.08rem}
}
.p-cart{display:none}
.p-btn::before{content:"";width:17px;height:17px;flex:none;margin-inline-end:8px;
background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l1.5 10.5A2 2 0 0 0 8.7 16h8.6a2 2 0 0 0 2-1.6L21 7H6'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.2' fill='%23000'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.2' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l1.5 10.5A2 2 0 0 0 8.7 16h8.6a2 2 0 0 0 2-1.6L21 7H6'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.2' fill='%23000'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.2' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
transition:transform .35s cubic-bezier(.34,1.5,.64,1)}
.plan:hover .p-btn::before{transform:translateX(-3px) rotate(-8deg)}
.p-cat{font-size:.64rem;padding:4px 10px;opacity:.9}
.plan{--pscale:1}
.plan.hot{z-index:2}
@media(min-width:861px){
.plan.hot{margin-block:-8px;padding-block:8px;margin-inline:-6px}
}
@media(min-width:861px){
.p-media{padding:16px 20px 4px}
.p-shot{width:min(150px,64%)}
.p-body{padding:16px 22px 18px}
.pdesc{line-height:1.75}
.p-feat{margin-top:12px}
.p-feat li{padding-block:2.5px}
.p-foot{padding-top:14px}
.p-price{padding:12px 18px;margin-bottom:10px}
.p-btn{padding-block:13px}
}
.plan-grid .plan{transform:
rotateX(calc((.5 - var(--py)) * 7deg))
rotateY(calc((var(--px) - .5) * 9deg))
translateY(calc(var(--lift) * -8px))
scale(var(--pscale))}
.plan-grid .plan:hover{transform:
rotateX(calc((.5 - var(--py)) * 7deg))
rotateY(calc((var(--px) - .5) * 9deg))
translateY(-8px)
scale(var(--pscale))}
@media(prefers-reduced-motion:reduce){
.plan:hover .p-btn::before{transform:none}
.plan-grid .plan,.plan-grid .plan:hover{transform:scale(var(--pscale))}
}
@media(hover:none){
.plan-grid .plan,.plan-grid .plan:hover{transform:scale(var(--pscale))}
}
:root{
--rd-chk:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");
--rd-chev:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
--rd-gap:72px;
}
section.block{padding:var(--rd-gap) 0}
@media(max-width:760px){:root{--rd-gap:48px}}
.rd-bul{list-style:none;display:grid;gap:11px;margin:18px 0 0;padding:0}
.rd-bul li{position:relative;padding-inline-start:31px;
font-size:1rem;font-weight:600;line-height:1.85}
.rd-bul li::before{content:"";position:absolute;inset-inline-start:0;top:.42em;
width:20px;height:20px;background:var(--teal);
-webkit-mask:var(--rd-chk) center/contain no-repeat;
mask:var(--rd-chk) center/contain no-repeat}
.rd-bul b{font-weight:800}
.rd-bul.on-dark li,.on-dark .rd-bul li{color:#fff}
.rd-bul.on-dark li::before,.on-dark .rd-bul li::before{background:#1FF0BE}
.rd-fold{margin-top:16px}
.rd-fold > summary{list-style:none;cursor:pointer;
display:inline-flex;align-items:center;gap:8px;
min-height:44px;padding:10px 17px;border-radius:99px;
font-size:.9rem;font-weight:800;color:var(--teal-dark);
border:1px solid var(--line);background:rgba(255,255,255,.55);
transition:background .22s ease,border-color .22s ease}
.rd-fold > summary::-webkit-details-marker{display:none}
.rd-fold > summary::marker{content:""}
.rd-fold > summary::after{content:"";width:15px;height:15px;flex:none;
background:currentColor;transition:transform .25s var(--g-ease);
-webkit-mask:var(--rd-chev) center/contain no-repeat;
mask:var(--rd-chev) center/contain no-repeat}
.rd-fold[open] > summary::after{transform:rotate(180deg)}
@media(hover:hover){.rd-fold > summary:hover{background:#fff;border-color:var(--teal)}}
.rd-fold > summary:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.rd-fold-body{padding-top:16px;animation:rdFold .32s var(--g-ease)}
.rd-fold-body > p{margin-bottom:12px}
.rd-fold-body > p:last-child{margin-bottom:0}
@keyframes rdFold{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.on-dark .rd-fold > summary,.rd-fold.on-dark > summary{color:#fff;
border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.10)}
@media(hover:hover){.on-dark .rd-fold > summary:hover,.rd-fold.on-dark > summary:hover{
background:rgba(255,255,255,.19);border-color:rgba(31,240,190,.6)}}
@media(prefers-reduced-motion:reduce){
.rd-fold-body{animation:none}
.rd-fold > summary::after{transition:none}
}
.rd-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.rd-tool{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;
padding:26px 24px;border-radius:22px;text-decoration:none;
background:var(--paper-2);border:1px solid var(--line);
box-shadow:var(--shadow-sm);transition:.25s}
.rd-tool::before{content:"";position:absolute;inset-inline-end:-70px;top:-70px;
width:190px;height:190px;border-radius:50%;pointer-events:none;
background:radial-gradient(circle,rgba(0,151,109,.20),rgba(0,151,109,0) 68%)}
.rd-tool.is-blue::before{background:radial-gradient(circle,rgba(0,144,220,.20),rgba(0,144,220,0) 68%)}
.rd-tool.is-gold::before{background:radial-gradient(circle,rgba(242,184,75,.24),rgba(242,184,75,0) 68%)}
.rd-tool > *{position:relative;z-index:1}
.rd-tool .rd-ic{width:52px;height:52px;border-radius:15px;flex:none;
display:grid;place-items:center;background:var(--teal-soft);color:var(--teal-dark)}
.rd-tool .rd-ic svg{width:26px;height:26px}
.rd-tool .rd-t{font-size:1.06rem;font-weight:800;line-height:1.6;color:var(--ink)}
.rd-tool .rd-d{font-size:.9rem;font-weight:600;line-height:1.85;color:var(--muted)}
.rd-tool .rd-tag{position:absolute;top:18px;inset-inline-end:18px;z-index:2;
padding:4px 11px;border-radius:99px;font-size:.72rem;font-weight:800;
color:#0A0620;background:linear-gradient(100deg,#1FF0BE,#F2B84B)}
.rd-tool.is-blue .rd-ic{background:var(--amber-soft);color:var(--amber-dark)}
.rd-tool.is-gold .rd-ic{background:rgba(242,184,75,.30);color:var(--gold-dark)}
@media(hover:hover){.rd-tool:hover{transform:translateY(-4px);
box-shadow:var(--shadow);border-color:rgba(0,151,109,.4)}}
@media(prefers-reduced-motion:reduce){.rd-tool,.rd-tool:hover{transition:none;transform:none}}
@media(max-width:900px){.rd-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rd-tools{grid-template-columns:1fr}}
.rd-head{max-width:660px}
.rd-head.is-center{margin-inline:auto;text-align:center}
.rd-head h2{font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.55;margin-bottom:10px}
.rd-head .rd-sub{font-size:1.02rem;font-weight:600;line-height:1.9;opacity:.92}
.rd-svc{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.rd-svc-h{font-size:1rem;font-weight:800;margin-bottom:14px;text-align:center}
.rd-svc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rd-svc-it{display:flex;align-items:center;gap:12px;padding:14px 16px;
border-radius:16px;text-decoration:none;
border:1px solid var(--line);background:rgba(255,255,255,.4);
transition:background .22s ease,border-color .22s ease}
.rd-svc-ic{width:38px;height:38px;flex:none;border-radius:12px;display:grid;
place-items:center;background:rgba(139,127,240,.2);color:var(--violet-dark)}
.rd-svc-ic svg{width:20px;height:20px}
.rd-svc-it b{display:block;font-size:.94rem;font-weight:800;line-height:1.6;color:var(--ink)}
.rd-svc-it i{display:block;font-style:normal;font-size:.76rem;font-weight:700;
line-height:1.7;color:var(--ink);opacity:.75}
@media(hover:hover){.rd-svc-it:hover{background:#fff;border-color:var(--violet)}}
@media(max-width:820px){.rd-svc-row{grid-template-columns:1fr}}
.rc-float i{display:inline-flex;align-items:center}
.rc-float i svg{width:15px;height:15px;display:block}
.rd-more-row{margin-top:26px;text-align:center}
.rd-more-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;
padding:11px 20px;border-radius:99px;font-size:.92rem;font-weight:800;
color:var(--teal-dark);border:1px solid var(--line);background:rgba(255,255,255,.5);
transition:background .22s ease,border-color .22s ease}
.rd-more-link::after{content:"←";font-weight:900}
@media(hover:hover){.rd-more-link:hover{background:#fff;border-color:var(--teal)}}
.rd-more-link:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
:root{
--font-body:'Vazirmatn',Tahoma,sans-serif;
--font-head:'Estedad','Vazirmatn',Tahoma,sans-serif;
}
h1,h2,.hm-h{font-family:var(--font-head);font-weight:800;letter-spacing:-.2px}
.hero h1{font-size:clamp(2rem,4.6vw,3.15rem);font-weight:900;line-height:1.5;letter-spacing:-.4px}
.sec-head h2,.hm-head h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;line-height:1.5;letter-spacing:-.3px}
.hero2{--nav-h:76px;padding:0;isolation:isolate}
.hero2 .hero-inner{min-height:calc(56vh - var(--nav-h));padding-block:34px 22px;
grid-template-columns:1.06fr .94fr;gap:44px;align-items:center}
.hero2 .hero-wave{height:40px}
@media(max-width:960px){
.hero2 .hero-inner{min-height:0;padding-block:36px 28px;grid-template-columns:1fr;gap:28px}
}
.hero2 .hero-mesh,.hero2 .hero-dots,.hero2 .spotlight,
.hero2 .h-orbit,.hero2 .h-shape,.hero2 .hero-marquee,
.hero2 .rc-float{display:none}
.hero2 .hero-bg{opacity:.62}
.hero2 .hero-bg::before,.hero2 .hero-bg::after{animation:none}
.hero2 .eyebrow{padding:0;margin-bottom:18px;font-size:.82rem;font-weight:700;
background-image:none;-webkit-background-clip:border-box;background-clip:border-box;
-webkit-text-fill-color:currentColor;color:#9FE9D6;letter-spacing:.2px}
.hero2 .eyebrow::after{display:none}
.hero2 .eyebrow .dot{animation:none;box-shadow:none;width:6px;height:6px;border-radius:2px}
.hero2 h1 .hl{background:none;-webkit-text-fill-color:currentColor;color:#1FF0BE;
animation:none;white-space:nowrap}
@media(max-width:520px){.hero2 h1 .hl{white-space:normal}}
.hero2 h1 .hl::after{display:none}
.hero2 h1 .scribble{display:none}
.hero2 p.lead{margin-top:14px;font-size:1.04rem;max-width:44ch;line-height:1.85;
color:rgba(255,255,255,.9);text-align:start}
.hero2 .rd-bul{margin-top:18px;gap:10px;max-width:42ch}
.hero2 .rd-bul li{font-size:1.02rem;font-weight:600;line-height:1.85}
.hm-cta{display:flex;align-items:center;gap:20px;margin-top:26px;flex-wrap:wrap}
.hm-cta .btn-xl{padding:16px 30px;font-size:1.18rem}
.hm-alt{display:inline-flex;align-items:center;gap:7px;min-height:44px;
font-size:.94rem;font-weight:700;color:#BFEFE2;border-bottom:1px solid rgba(191,239,226,.4)}
@media(hover:hover){.hm-alt:hover{color:#fff;border-bottom-color:#fff}}
.hm-alt:focus-visible{outline:3px solid #1FF0BE;outline-offset:3px}
.hero2 .hm-cta .btn-ghost{border-color:rgba(255,255,255,.34);font-size:1.18rem}
.hero2 .rank-card{padding:20px;border-radius:20px;transform:none !important;transition:none}
.hero2 .bars{gap:9px}
.hero2 .rank-card-wrap{perspective:none}
.hero2 .gauge-mini{margin:2px 0 10px;gap:2px}
.hero2 .gauge-mini .lbl{order:-1;font-size:.86rem;opacity:.85}
.hero2 .gauge-mini .big{font-size:2.2rem}
.hero2 .rc-note{margin:0 0 12px;font-size:.83rem;line-height:1.8;
color:rgba(255,255,255,.82);text-align:center}
.hero2 .rc-btn{display:flex;align-items:center;justify-content:center;gap:8px;
margin-top:14px;min-height:46px;border-radius:12px;font-size:.95rem;font-weight:800;
color:#04101F;background:linear-gradient(135deg,#1FF0BE,#5FC8FF);
transition:filter .22s ease,transform .22s ease}
@media(hover:hover){.hero2 .rc-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}}
.hero2 .rc-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero2 .rc-spark{margin-top:16px}
@media(max-width:960px){.hero2 .rank-card{max-width:400px;margin-inline:auto}}
@media(max-width:540px){.hero2 .rank-card-wrap{display:none}}
body.hm section.block{padding:64px 0}
body.hm section.block#plans,body.hm section.block#abzar{padding-top:0}
body.hm .blobs,body.hm .plans-fx{display:none}
.hm-head{max-width:620px;margin:0 auto 34px;text-align:center}
.hm-head p{margin-top:10px;font-size:.98rem;line-height:2;color:var(--ink);opacity:.82}
.hm-head.is-start{margin-inline:0;text-align:start}
body.hm .about-ring,body.hm .about-blob,body.hm .ab-chip,body.hm .h3-swash,
body.hm .social-note{display:none}
body.hm .about-grid{gap:44px;align-items:center}
body.hm .about-txt h2{font-size:1.6rem}
@media(max-width:960px){body.hm .about-vis{max-width:320px;margin-inline:auto}}
body.hm .ent-nums{display:none}
body.hm .ent-show-cta .btn-xl{font-size:1.18rem}
body.hm #plans .ent-show{display:block;max-width:860px;margin-inline:auto;text-align:center}
body.hm #plans .hm-head{margin-bottom:26px}
body.hm #plans .hm-head h2{color:#fff}
body.hm #plans .ent-show-p{color:#fff;max-width:62ch;margin-inline:auto;
text-align:center;opacity:.94}
body.hm #plans .sec-kicker{margin-inline:auto}
body.hm #plans .ent-steps-lead{color:#fff;font-size:1rem;font-weight:800;
line-height:1.9;margin-bottom:18px;opacity:.95}
body.hm #plans .ent-steps{display:grid;grid-template-columns:repeat(4,1fr);
gap:14px;text-align:center;margin-bottom:24px}
body.hm #plans .ent-step{display:flex;flex-direction:column;align-items:center;gap:11px;
padding:20px 14px;border-radius:18px;
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
body.hm #plans .es-ic{width:44px;height:44px;flex:none;display:grid;place-items:center;
border-radius:14px;color:#04101F;background:linear-gradient(135deg,#1FF0BE,#5FC8FF)}
body.hm #plans .es-ic svg{width:22px;height:22px}
body.hm #plans .es-t{font-size:.9rem;font-weight:700;line-height:1.85;color:#fff}
@media(max-width:900px){body.hm #plans .ent-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){
body.hm #plans .ent-steps{grid-template-columns:1fr;gap:10px}
body.hm #plans .ent-step{flex-direction:row;text-align:start;padding:14px 16px}
body.hm #plans .es-ic{width:38px;height:38px;border-radius:12px}
}
body.hm #plans .ent-steps-end{color:#fff;font-size:1rem;line-height:2.05;
opacity:.9;margin-bottom:26px;max-width:60ch;margin-inline:auto}
body.hm #plans .ent-show-cta{justify-content:center}
body.hm #faq .hm-head h2,body.hm #faq .hm-head p{color:#fff}
body.hm .foot-cta{display:none}
.hcta{max-width:620px;margin-inline:auto;text-align:center}
.hcta h2{margin-bottom:12px}
.hcta p{font-size:1.02rem;line-height:2;color:var(--ink);opacity:.86;margin-bottom:26px}
.hcta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hcta-btns .btn-xl{font-size:1.18rem}
.hcta-btns .btn-ghost{background:rgba(255,255,255,.7);color:var(--teal-dark);
border:1px solid var(--line)}
@media(hover:hover){.hcta-btns .btn-ghost:hover{background:#fff;border-color:var(--teal)}}
body.hm .about-txt p{font-size:1.06rem;line-height:2.05}
body.hm .hm-head p{font-size:1.04rem;line-height:2.05;opacity:.86}
body.hm #plans .ent-show-p{font-size:1.04rem;line-height:2.05;opacity:1}
body.hm #plans .ent-chks li{font-size:1rem;line-height:1.9}
.ab-role{list-style:none;margin:10px 0 18px;padding:0;display:grid;gap:5px}
.ab-role li{position:relative;padding-inline-start:17px;font-size:.96rem;
font-weight:600;line-height:1.85;color:var(--ink);opacity:.88}
.ab-role li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;
width:7px;height:7px;border-radius:50%;background:var(--teal)}
@media(prefers-reduced-motion:reduce){
body.hm .rv,body.hm .rv-l{opacity:1;transform:none;transition:none}
}
.nav-mega-tip{width:min(400px,calc(100vw - 32px))}
@media(min-width:1240px){
.nav-mega-tip{grid-template-columns:repeat(2,minmax(160px,1fr));
width:min(420px,calc(100vw - 32px))}
}
@media(max-width:860px){.nav-mega-tip{width:100%}}
.nx-block{margin-top:22px}
.nx-block .tr-sep{margin-bottom:14px}
.nx-step{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:15px;
background:var(--paper);border:1.5px solid var(--line);text-decoration:none;transition:.2s;margin-bottom:9px}
.nx-step:hover{border-color:var(--teal)}
.nx-step .nx-ic{width:22px;height:22px;flex:none;color:var(--teal-dark)}
.nx-step .nx-tx{flex:1;min-width:0}
.nx-step .nx-tx b{display:block;font-size:.95rem;font-weight:800;color:var(--ink);line-height:1.7}
.nx-step .nx-tx i{display:block;font-style:normal;font-size:.79rem;color:var(--muted);margin-top:2px}
.nx-step .nx-ch{flex:none;font-size:.76rem;font-weight:800;padding:4px 11px;border-radius:99px;
background:var(--teal-soft);color:var(--teal-dark);white-space:nowrap}
.nx-step[hidden]{display:none}
@media(max-width:520px){
.nx-step{flex-wrap:wrap}
.nx-step .nx-ch{width:100%;text-align:center}
}
.pitch{position:relative;overflow:hidden;margin-top:18px;padding:30px 22px 24px;border-radius:22px;
background:linear-gradient(150deg,var(--ink) 0%,var(--ink-2) 58%,#0B3A5B 100%);
color:#fff;box-shadow:0 18px 44px -22px rgba(10,26,47,.7);text-align:center}
.pitch::before{content:"";position:absolute;inset:auto -70px -100px auto;width:280px;height:280px;
border-radius:50%;background:radial-gradient(circle,rgba(0,151,109,.5),transparent 70%);pointer-events:none}
.pitch > *{position:relative}
.pitch-tag{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;
padding:5px 13px;border-radius:99px;background:rgba(242,184,75,.14);color:var(--gold);
border:1px solid rgba(242,184,75,.38);white-space:nowrap}
.pitch-tag svg{width:14px;height:14px}
.pitch-h{font-size:1.45rem;font-weight:900;line-height:1.6;margin:14px 0 9px;color:#fff;letter-spacing:-.2px;text-wrap:balance}
.pitch-h em{font-style:normal;color:var(--gold)}
.pitch-d{font-size:.89rem;line-height:2;color:#AEC0DB;margin:0 auto 18px;max-width:40ch;text-wrap:pretty}
.pitch-p{list-style:none;display:grid;gap:0;width:fit-content;max-width:100%;
margin:0 auto 20px;padding:6px 16px;text-align:right;
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:16px}
.pitch-p li{display:flex;align-items:flex-start;gap:10px;font-size:.87rem;line-height:1.9;
color:#D5E1F2;padding:11px 0}
.pitch-p li + li{border-top:1px solid rgba(255,255,255,.07)}
.pitch-p li svg{width:18px;height:18px;flex:none;margin-top:5px;color:#1FF0BE}
.pitch-p li b{color:#fff;font-weight:900}
.pitch-b span{text-wrap:balance}
@media(max-width:380px){ .pitch-b{font-size:.95rem;padding-inline:16px} }
.pitch-b{display:flex;width:100%;max-width:420px;margin:0 auto;min-height:56px;
font-size:1.02rem;font-weight:900;color:var(--ink);
background:linear-gradient(135deg,#FFD782,#F2B84B 45%,#E09A22);
box-shadow:0 16px 34px -14px rgba(242,184,75,.75);animation:pitchGlow 3.2s ease-in-out infinite}
.pitch-b:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(242,184,75,.9);animation:none}
.pitch-b svg{color:var(--ink)}
@keyframes pitchGlow{
0%,100%{box-shadow:0 16px 34px -16px rgba(242,184,75,.6)}
50%{box-shadow:0 18px 40px -12px rgba(242,184,75,.95)}
}
.pitch-n{display:block;margin-top:13px;font-size:.73rem;color:#8FA3C4}
@media(min-width:760px){
.pitch{padding:38px 30px 30px}
.pitch-h{font-size:1.9rem;line-height:1.5}
.pitch-d{font-size:.95rem}
.pitch-p{padding:6px 20px}
.pitch-p li{font-size:.9rem}
}
@media(min-width:900px){
.pitch{display:grid;grid-template-columns:1fr 1fr;column-gap:38px;align-items:start;
text-align:right;padding:42px 38px}
.pitch-tag{grid-column:1;grid-row:1;justify-self:start}
.pitch-h{grid-column:1;grid-row:2;margin:16px 0 10px}
.pitch-d{grid-column:1;grid-row:3;margin:0;max-width:36ch}
.pitch-p{grid-column:2;grid-row:1 / span 5;align-self:center;width:auto;margin:0}
.pitch-b{grid-column:1;grid-row:4;max-width:100%;margin:22px 0 0}
.pitch-n{grid-column:1;grid-row:5;text-align:center;margin-top:11px}
}
@media(prefers-reduced-motion:reduce){
.pitch,.pitch-b,.nx-step{transition:none}
.pitch-b{animation:none}
}
.kd-guide{display:flex;align-items:flex-start;gap:11px;margin:0 0 18px;padding:14px 16px;
border-radius:16px;background:var(--teal-soft);border:1px solid rgba(0,151,109,.35)}
.kd-guide svg{width:22px;height:22px;flex:none;margin-top:3px;color:var(--teal-dark)}
.kd-guide b{display:block;font-size:.92rem;font-weight:900;color:var(--ink);line-height:1.9}
.kd-guide span{display:block;font-size:.84rem;line-height:2;color:var(--ink);opacity:.82;margin-top:2px}
.tmn-azad{margin-top:26px}
.tmn-azad-d{font-size:.85rem;line-height:2.1;color:var(--muted);opacity:.9;margin-bottom:14px;text-align:center}
.tmn-azad-l{display:grid;gap:9px}
.azd{padding:13px 15px;border-radius:15px;background:var(--paper);border:1.5px dashed var(--line)}
.azd .az-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.azd .az-h > b{font-size:.95rem;font-weight:800;color:var(--ink)}
.azd .az-v{font-size:.76rem;font-weight:800;padding:4px 11px;border-radius:99px;white-space:nowrap}
.azd .az-v b{font-weight:900}
.az-ok{background:var(--teal-soft);color:var(--teal-dark)}
.az-mid{background:rgba(0,144,220,.20);color:#00618F}
.az-low{background:rgba(242,184,75,.55);color:#3F2A02}
.az-no{background:rgba(179,58,32,.16);color:#8C2A16}
.azd .az-bar{height:6px;border-radius:99px;background:rgba(10,26,47,.10);margin:9px 0 8px;overflow:hidden}
.azd .az-bar i{display:block;height:100%;border-radius:99px}
.azd .az-bar .az-ok{background:var(--teal)}
.azd .az-bar .az-mid{background:var(--amber)}
.azd .az-bar .az-low{background:var(--gold-dark)}
.azd .az-bar .az-no{background:var(--danger)}
.azd .az-b{font-size:.81rem;line-height:1.95;color:var(--ink);opacity:.85}
.azd .az-b i{font-style:normal;opacity:.75}
.azd .az-x2{font-size:.77rem;line-height:1.9;color:var(--ink);opacity:.7;margin-top:5px;
padding-top:6px;border-top:1px dashed var(--line)}
.tmn-warn{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 15px;
border-radius:14px;background:rgba(242,184,75,.22);border:1px solid rgba(201,128,22,.45)}
.tmn-warn svg{width:20px;height:20px;flex:none;margin-top:3px;color:#8A5709}
.tmn-warn span{font-size:.83rem;line-height:2;color:var(--ink)}
.tmn-warn b{font-weight:900}
.azp-note{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:18px}
.azp-note > div{padding:12px 14px;border-radius:14px;background:var(--paper);border:1.5px dashed var(--line)}
.azp-note b{display:block;font-size:.88rem;font-weight:900;color:var(--ink);margin-bottom:3px}
.azp-note span{font-size:.79rem;line-height:1.9;color:var(--ink);opacity:.78}
.azp-form{display:grid;gap:12px;grid-template-columns:1fr 1fr auto;align-items:end;margin-bottom:24px}
.azp-form .btn{min-height:48px}
@media(max-width:700px){ .azp-form{grid-template-columns:1fr} }
.azp-sec{margin-bottom:26px}
.azp-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.azp-h h2{font-size:1.1rem;font-weight:900;color:var(--ink)}
.azp-sum{font-size:.83rem;color:var(--teal-dark);font-weight:800}
.azp-sum-q{color:var(--ink);opacity:.6;font-weight:600}
.azp-tw{overflow-x:auto;border-radius:16px;border:1.5px solid var(--line);background:var(--paper)}
.azp-t{width:100%;border-collapse:collapse;min-width:430px}
.azp-t th,.azp-t td{padding:10px 13px;text-align:right;font-size:.84rem;line-height:1.8}
.azp-t th{font-weight:900;color:var(--ink);border-bottom:1.5px solid var(--line);white-space:nowrap}
.azp-t tbody tr + tr td{border-top:1px solid rgba(10,26,47,.09)}
.azp-k{font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:99px;
background:var(--teal-soft);color:var(--teal-dark);white-space:nowrap}
.azp-k-x{background:rgba(242,184,75,.55);color:#3F2A02}
.azp-v{font-size:.75rem;font-weight:900;padding:3px 10px;border-radius:99px;white-space:nowrap}
.azp-ok{background:var(--teal-soft);color:var(--teal-dark)}
.azp-mid{background:rgba(242,184,75,.55);color:#3F2A02}
.azp-no{background:rgba(179,58,32,.16);color:#8C2A16}
.azp-gap{padding:16px 18px;border-radius:16px;background:var(--teal-soft);margin:6px 0 4px}
.azp-gap b{display:block;font-size:.92rem;font-weight:900;color:var(--teal-dark);margin-bottom:5px}
.azp-gap span{font-size:.84rem;line-height:2.05;color:var(--ink);opacity:.85}
.kn-yr{display:inline-block;margin-inline-start:7px;padding:2px 7px;
border-radius:7px;font-size:.66rem;font-weight:700;line-height:1.7;
white-space:nowrap;vertical-align:1px;
color:var(--muted);background:rgba(10,26,47,.075);
border:1px solid rgba(10,26,47,.10)}
.kn-yr-new{color:#00795A;background:rgba(0,151,109,.13);
border-color:rgba(0,151,109,.30)}
.lrk-h{margin:22px 0 10px;font-size:1.04rem;font-weight:800;color:var(--ink);line-height:1.9}
.lrk-h:first-of-type{margin-top:4px}
.lrk-g{font-size:.82rem;font-weight:700;color:var(--amber-dark)}
.lrk-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}
.lrk-card{position:relative;overflow:hidden;padding:16px 17px 14px;border-radius:16px;
border:1px solid rgba(0,144,220,.30);background:rgba(255,255,255,.86);
box-shadow:0 10px 26px -20px rgba(10,26,47,.6)}
.lrk-card::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;
background:var(--grad-brand-r)}
.lrk-mn{display:block;font-size:.79rem;font-weight:800;color:var(--ink);opacity:.72}
.lrk-big{display:block;margin-top:2px;font-size:1.74rem;font-weight:900;line-height:1.2;
color:var(--teal-dark);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.lrk-lbl{display:block;margin-top:1px;font-size:.78rem;font-weight:700;color:var(--amber-dark)}
.lrk-wide{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:8px;
font-size:.68rem;font-weight:700;line-height:1.7;
color:var(--amber-dark);background:rgba(242,184,75,.18);
border:1px solid rgba(201,128,22,.38)}
.lrk-sub{display:flex;flex-direction:column;gap:4px;margin-top:11px;padding-top:10px;
border-top:1px solid var(--line);font-size:.76rem;font-weight:600;color:var(--ink);opacity:.86}
.lrk-sub b{font-weight:900;opacity:1;font-variant-numeric:tabular-nums}
.lrk-note{display:flex;gap:9px;margin-top:14px;padding:12px 14px;border-radius:14px;
border:1px solid rgba(201,128,22,.42);background:rgba(242,184,75,.14);
font-size:.79rem;line-height:2;color:var(--ink)}
.lrk-note svg{flex:0 0 auto;width:17px;height:17px;margin-top:.42em;color:var(--amber-dark)}
.lrk-note b{font-weight:800}
.lrk-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.lrk-item{display:grid;align-items:center;gap:6px 12px;padding:11px 14px;border-radius:13px;
grid-template-columns:auto 1fr auto;
border:1px solid var(--line);background:var(--paper-2)}
.lrk-rank{display:flex;flex-direction:column;min-width:88px;font-size:1.06rem;font-weight:900;
color:var(--teal-dark);line-height:1.3;font-variant-numeric:tabular-nums}
.lrk-rank i{font-style:normal;font-size:.68rem;font-weight:700;color:var(--ink);opacity:.66}
.lrk-uni{font-size:.86rem;font-weight:700;color:var(--ink);line-height:1.75;overflow-wrap:break-word}
.lrk-yr{padding:3px 9px;border-radius:8px;white-space:nowrap;
font-size:.68rem;font-weight:700;color:var(--muted);
background:rgba(10,26,47,.075);border:1px solid rgba(10,26,47,.10)}
.lrk-yr-new{color:#00795A;background:rgba(0,151,109,.13);border-color:rgba(0,151,109,.30)}
@media(max-width:560px){
.lrk-item{grid-template-columns:auto 1fr}
.lrk-yr{grid-column:2;justify-self:start}
.lrk-big{font-size:1.5rem}
}
.kn-tabs{display:grid;gap:8px;flex-wrap:initial;
grid-template-columns:repeat(2,minmax(0,1fr));
background:rgba(10,26,47,.045);padding:8px;border-radius:18px;margin-bottom:22px}
@media(min-width:781px){.kn-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kn-tab{position:relative;overflow:hidden;flex:initial;min-width:0;min-height:76px;
display:flex;flex-direction:column;align-items:flex-start;gap:2px;
padding:12px 13px 11px;border-radius:13px;border:1px solid transparent;
background:transparent;color:var(--ink);text-align:start;font-family:inherit;
cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.kn-tab:hover{background:rgba(255,255,255,.55);border-color:var(--line)}
.kn-tab.sel{background:var(--paper-2);border-color:rgba(0,144,220,.34);
box-shadow:0 10px 26px -20px rgba(10,26,47,.62)}
.kn-tab.sel::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;
background:var(--grad-brand-r)}
.kn-tab:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.knt-ic{display:inline-flex;align-items:center;justify-content:center;
width:28px;height:28px;border-radius:9px;margin-bottom:3px;
background:rgba(10,26,47,.07);color:var(--ink);opacity:.62;transition:.18s}
.knt-ic svg{width:16px;height:16px}
.kn-tab.sel .knt-ic{background:var(--teal-soft);color:var(--teal-dark);opacity:1}
.knt-t{font-size:.88rem;font-weight:800;line-height:1.6}
.kn-tab.sel .knt-t{color:var(--teal-dark);font-weight:900}
.knt-s{font-size:.72rem;font-weight:600;line-height:1.65;color:var(--muted);opacity:.78}
@media(max-width:400px){
.kn-tab{min-height:70px;padding:11px 11px 10px}
.knt-s{display:none}
}
.kd-wrap{margin-top:18px}
.kd-h{margin:0 0 6px;font-size:1.06rem;font-weight:800;color:var(--ink);line-height:1.9}
.kd-lead{margin:0 0 14px;font-size:.84rem;line-height:2.05;color:var(--ink);opacity:.86}
.kd-lead b{opacity:1;font-weight:900}
.kd-list{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.kd-row{padding:12px 14px 11px;border-radius:14px;
border:1px solid var(--line);background:var(--paper-2)}
.kd-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.kd-maj{font-size:.94rem;font-weight:800;color:var(--ink);line-height:1.7}
.kd-p{flex:0 0 auto;font-size:1.12rem;font-weight:900;color:var(--teal-dark);
font-variant-numeric:tabular-nums}
.kd-bar{display:block;height:7px;margin:8px 0 7px;border-radius:99px;
background:rgba(10,26,47,.09);overflow:hidden}
.kd-bar i{display:block;height:100%;border-radius:99px;background:var(--grad-brand-r)}
.kd-sub{display:block;font-size:.76rem;font-weight:600;line-height:1.8;color:var(--ink);opacity:.72}
.kd-sub b{opacity:1;font-weight:900;font-variant-numeric:tabular-nums}
.kd-other{background:rgba(10,26,47,.035);border-style:dashed}
.kd-other .kd-p{color:var(--muted)}
.kd-other .kd-bar i{background:rgba(10,26,47,.28)}
.kd-note{display:flex;gap:9px;margin-top:14px;padding:12px 14px;border-radius:14px;
border:1px solid rgba(201,128,22,.42);background:rgba(242,184,75,.14);
font-size:.79rem;line-height:2;color:var(--ink)}
.kd-note svg{flex:0 0 auto;width:17px;height:17px;margin-top:.42em;color:var(--amber-dark)}
.kd-note b{font-weight:800}
.kns-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.kns-card{padding:14px 15px 12px;border-radius:16px;
border:1px solid var(--line);background:var(--paper-2)}
.kns-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--line)}
.kns-hd b{font-size:.94rem;font-weight:800;color:var(--ink);line-height:1.7}
.kns-hd span{flex:0 0 auto;font-size:.7rem;font-weight:700;color:var(--ink);opacity:.6}
.kns-rows{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.kns-rows li{display:grid;align-items:center;gap:4px 10px;grid-template-columns:auto 1fr auto}
.kns-rk{display:flex;flex-direction:column;min-width:74px;line-height:1.3;
font-size:.98rem;font-weight:900;color:var(--teal-dark);font-variant-numeric:tabular-nums}
.kns-rk i{font-style:normal;font-size:.64rem;font-weight:700;color:var(--ink);opacity:.62}
.kns-u{font-size:.79rem;font-weight:600;color:var(--ink);line-height:1.7;overflow-wrap:break-word}
@media(max-width:420px){
.kns-rows li{grid-template-columns:auto 1fr}
.kns-rows li .kn-yr{grid-column:2;justify-self:start}
}
.knl-table td{font-variant-numeric:tabular-nums}
.knl-table td.tz-b{font-weight:800}
.knl-table td.tz-b a{color:var(--teal-dark);text-decoration:none;
border-bottom:1px solid rgba(0,96,63,.28)}
.knl-table td.tz-b a:hover{border-bottom-color:var(--teal-dark)}
.knl-star{color:var(--amber-dark);font-weight:900;margin-inline-start:2px}
.knl-na{color:var(--ink);opacity:.38}
.knl-table{table-layout:fixed;width:100%;min-width:0}
.knl-table th,.knl-table td{white-space:normal}
.knl-table td.fa-num{white-space:nowrap}
.knl-table th:first-child,.knl-table td:first-child{width:40%}
.knl-table th:not(:first-child),.knl-table td:not(:first-child){width:20%}
.knl-table td.tz-b{overflow-wrap:anywhere;line-height:1.75}
@media(max-width:640px){
.knl-table th,.knl-table td{padding:9px 5px;font-size:.76rem}
.knl-table th:first-child,.knl-table td:first-child{width:37%}
.knl-table th:not(:first-child),.knl-table td:not(:first-child){width:21%}
}
@media(max-width:380px){
.knl-table th,.knl-table td{padding:8px 3px;font-size:.71rem}
}
.exr-price-note{display:flex;align-items:flex-start;gap:10px;
max-width:760px;margin:0 auto 22px;padding:13px 16px;border-radius:15px;
border:1px solid rgba(201,128,22,.42);background:rgba(242,184,75,.15);
font-size:.84rem;line-height:2;color:var(--ink)}
.exr-price-note i{font-style:normal;font-size:1.05rem;line-height:1.6}
.exr-price-note b{font-weight:800}
.tp-deadline{margin-top:9px;padding:9px 11px;border-radius:11px;
border:1px solid rgba(201,128,22,.40);background:rgba(242,184,75,.14);
font-size:.76rem;line-height:1.95;color:var(--ink)}
.tp-deadline b{font-weight:800}
.tp-alt{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}
.tp-alt-h{font-size:.86rem;font-weight:800;color:var(--ink);margin-bottom:8px;line-height:1.8}
@media(max-width:560px){
.exr-price-note{font-size:.79rem;padding:11px 13px;gap:8px}
}
.exr-plans-cta{max-width:640px;margin:26px auto 0;text-align:center}
.exr-plans-cta p{font-size:.88rem;line-height:2.05;color:var(--ink);opacity:.88;margin:0 0 12px}
.exr-plans-cta p b{opacity:1;font-weight:800}
.kn-pitch-slot{margin-top:40px}
.plan .p-price{
position:relative;overflow:visible;
display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;
min-height:108px;
padding:16px 18px;margin-bottom:14px;border-radius:18px;
background:
linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 55%,rgba(255,255,255,.86)),
radial-gradient(120% 80% at 88% -10%,rgba(0,151,109,.13),transparent 60%);
border:1px solid rgba(255,255,255,.85);
border-top-color:rgba(255,255,255,.98);
border-bottom-color:rgba(10,26,47,.10);
box-shadow:0 1px 2px rgba(10,26,47,.07),inset 0 1px 0 rgba(255,255,255,.9),
0 16px 32px -22px rgba(10,26,47,.6);
animation:none}
.plan .p-price::after{content:none}
.pp-main{display:flex;flex-direction:column;gap:5px;min-width:0}
.plan .pp-row{display:flex;align-items:baseline;gap:6px;line-height:1.05}
.plan .pp-row b{font-size:2.1rem;font-weight:900;line-height:1;letter-spacing:-.02em;
background:none;-webkit-background-clip:initial;background-clip:initial;
-webkit-text-fill-color:currentColor;color:var(--teal-dark);
font-variant-numeric:tabular-nums}
.plan .pp-row span{font-size:.82rem;font-weight:700;color:var(--muted);opacity:.85}
.plan .pp-row .pp-ask{font-size:1.02rem;color:var(--muted);font-weight:800}
.plan .pp-old{display:flex;align-items:center;gap:7px;padding:0;border:none;background:none;border-radius:0}
.plan .pp-old s{font-size:1.28rem;font-weight:800;color:var(--danger);
text-decoration:line-through;text-decoration-color:var(--danger);
text-decoration-thickness:2.5px;text-underline-offset:0;
animation:none;font-variant-numeric:tabular-nums;opacity:1}
.pp-save{position:absolute;top:-13px;inset-inline-start:14px;z-index:2;
display:inline-flex;align-items:baseline;gap:5px;
padding:6px 13px;border-radius:100px;color:#fff;line-height:1.5;white-space:nowrap;
background:linear-gradient(140deg,#C0341A,#8E2411);
box-shadow:0 8px 18px -7px rgba(142,36,17,.95),0 0 0 3px rgba(255,255,255,.92)}
.pp-save b{font-size:1rem;font-weight:900;font-variant-numeric:tabular-nums}
.pp-save span{font-size:.74rem;font-weight:700;opacity:.95}
@media(max-width:420px){
.plan .pp-row b{font-size:1.8rem}
.plan .pp-old s{font-size:1.12rem}
.plan .p-price{padding:14px 15px;min-height:96px}
}
.tpb-t{font-weight:800}
.tpb-p{display:inline-flex;align-items:baseline;gap:4px;padding:3px 10px;border-radius:100px;
background:rgba(255,255,255,.22);font-size:.86rem;font-weight:700;white-space:nowrap}
.tpb-p b{font-size:1rem;font-weight:900;font-variant-numeric:tabular-nums}
.hesab-plan{display:inline-block;margin:-14px auto 20px;padding:5px 13px;border-radius:100px;
font-size:.74rem;font-weight:800;color:var(--teal-dark);background:var(--teal-soft);
border:1px solid rgba(0,96,63,.22)}
.hesab-badge.live{background:var(--gold);color:#3b2a05}
.hs-hero{display:flex;align-items:center;gap:22px;margin-bottom:18px}
.hs-hero h2{font-size:1.32rem;font-weight:800;margin-bottom:6px}
.hs-hero p{font-size:.94rem;line-height:2;margin-bottom:12px}
.hs-hx{min-width:0;flex:1}
.hs-ring{flex:0 0 auto;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;
background:conic-gradient(var(--teal) calc(var(--p,0) * 1%), rgba(10,26,47,.10) 0);
position:relative}
.hs-ring::after{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--paper-2)}
.hs-ring span{position:relative;z-index:1;font-size:1.5rem;font-weight:900;color:var(--teal-dark);
font-variant-numeric:tabular-nums}
.hs-ring span small{font-size:.72rem;font-weight:700;margin-inline-start:1px}
@media(max-width:560px){
.hs-hero{flex-direction:column;text-align:center;gap:14px}
.hs-ring{width:88px;height:88px}
.hs-hero .btn{width:100%}
}
.hs-todo{margin-bottom:18px}
.td-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.td{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;
border:1.5px solid var(--line);background:var(--paper-2);transition:.2s;color:var(--ink)}
.td:hover{border-color:var(--teal);transform:translateX(-3px)}
.td-ic{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
background:rgba(10,26,47,.06);font-size:.95rem}
.td.ok .td-ic{background:var(--teal-dark);color:#fff;font-weight:900}
.td-t{flex:1;min-width:0;font-weight:700;font-size:.93rem}
.td-g{flex:0 0 auto;font-size:.8rem;font-weight:700;color:var(--teal-dark);white-space:nowrap}
.td.ok{opacity:.72}
.td.ok .td-g{color:var(--muted);font-weight:600}
.hs-adv{display:flex;align-items:center;gap:14px;margin-bottom:18px;transition:.2s}
.hs-adv:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow)}
.hs-advx{flex:1;min-width:0}
.hs-advx b{display:block;font-size:1rem;font-weight:800;margin-bottom:2px}
.hs-advx span{display:block;font-size:.85rem;line-height:1.9}
.hs-advgo{flex:0 0 auto;font-size:.84rem;font-weight:800;color:var(--teal-dark);white-space:nowrap}
.hs-adv.locked .hs-advgo{color:#8a5c08}
@media(max-width:560px){
.hs-adv{flex-wrap:wrap}
.hs-advgo{width:100%;text-align:end}
}
.hs-perks{margin-top:18px}
.pk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
@media(max-width:640px){.pk-grid{grid-template-columns:1fr}}
.pk{display:block;padding:13px 15px;border-radius:14px;border:1.5px solid var(--line);
background:var(--paper-2);transition:.2s;color:var(--ink)}
.pk:hover{border-color:var(--teal);transform:translateY(-2px)}
.pk b{display:block;font-size:.92rem;font-weight:800;margin-bottom:3px}
.pk span{display:block;font-size:.82rem;line-height:1.85}
.hs-perks.off .pk{opacity:.62;pointer-events:none;background:rgba(10,26,47,.03)}
.mv-card{margin-bottom:18px}
.mv-top{display:flex;align-items:center;gap:15px}
.mv-ava{flex:0 0 auto;width:62px;height:62px;border-radius:50%;background:var(--teal);color:#fff;
display:grid;place-items:center;font-weight:800;font-size:1.5rem;position:relative}
.mv-ava.sm{width:48px;height:48px;font-size:1.2rem}
.mv-ava.lock{background:rgba(10,26,47,.10);color:var(--ink);font-size:1.15rem}
.mv-ava.on::after{content:'';position:absolute;inset-inline-end:1px;bottom:2px;width:14px;height:14px;
border-radius:50%;background:#18CFA4;border:2.5px solid var(--paper-2)}
.mv-id{min-width:0}
.mv-id b{display:block;font-size:1.1rem;font-weight:800}
.mv-role{display:block;font-size:.84rem}
.mv-live{display:inline-block;margin-top:4px;font-size:.76rem;font-weight:700;
padding:2px 9px;border-radius:100px;background:rgba(10,26,47,.06)}
.mv-live.on{background:var(--teal-soft);color:var(--teal-dark)}
.mv-note{margin-top:14px;padding:12px 15px;border-radius:14px;font-size:.87rem;line-height:2}
.mv-note.warn{background:#FDF3DE;border:1px solid rgba(201,128,22,.35);color:#6b4a06}
.mv-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mv-acts .btn{flex:1 1 auto;min-width:180px}
.mv-pending{flex:1 1 100%;font-size:.85rem;line-height:2;padding:11px 14px;border-radius:13px;
background:rgba(10,26,47,.05);border:1px dashed var(--line)}
.mv-flow{list-style:none;margin:14px 0 0;padding:0;position:relative}
.mv-flow li{display:flex;gap:13px;padding-bottom:16px;position:relative}
.mv-flow li:last-child{padding-bottom:0}
.mv-flow li:not(:last-child)::before{content:'';position:absolute;inset-inline-start:14px;top:30px;bottom:4px;
width:2px;background:var(--line)}
.mv-flow li.ok:not(:last-child)::before{background:var(--teal)}
.fl-dot{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
font-size:.82rem;font-weight:800;background:rgba(10,26,47,.07);color:var(--ink);z-index:1}
.mv-flow li.ok .fl-dot{background:var(--teal-dark);color:#fff}
.mv-flow li.now .fl-dot{background:var(--gold);color:#3b2a05;box-shadow:0 0 0 4px rgba(242,184,75,.28)}
.fl-tx{min-width:0;padding-top:3px}
.fl-tx b{display:block;font-size:.94rem;font-weight:800}
.fl-tx small{display:block;font-size:.8rem;line-height:1.9}
.mv-chips{display:flex;flex-wrap:wrap;gap:8px}
.mvc{padding:9px 14px;border-radius:100px;border:1.5px solid var(--line);background:var(--paper-2);
font-family:inherit;font-size:.85rem;font-weight:700;color:var(--ink);cursor:pointer;transition:.2s}
.mvc:hover{border-color:var(--teal)}
.mvc.sel{background:var(--teal-dark);color:#fff;border-color:var(--teal-dark)}
.mv-req.live{border:1.5px solid var(--gold);background:#FDF3DE;border-radius:16px;padding:15px 17px}
.rq-h{display:flex;align-items:center;gap:9px;font-weight:800;font-size:.96rem;color:#6b4a06;margin-bottom:10px}
.rq-pulse{width:10px;height:10px;border-radius:50%;background:var(--gold-dark);
box-shadow:0 0 0 0 rgba(201,128,22,.6);animation:rqp 1.9s infinite}
@keyframes rqp{70%{box-shadow:0 0 0 9px rgba(201,128,22,0)}100%{box-shadow:0 0 0 0 rgba(201,128,22,0)}}
@media(prefers-reduced-motion:reduce){.rq-pulse{animation:none}}
.mv-yn{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:420px){.mv-yn{grid-template-columns:1fr}}
.mvy{padding:16px 10px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper-2);
font-family:inherit;font-size:1rem;font-weight:800;color:var(--ink);cursor:pointer;transition:.2s}
.mvy.pos:hover,.mvy.pos.sel{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}
.mvy.neg:hover,.mvy.neg.sel{border-color:var(--danger);background:#FBEAE5;color:var(--danger)}
.mvy.sel{border-width:2px}
.fb-count{display:block;margin-top:7px;font-size:.78rem;font-weight:700}
#fbSend:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
.mv-fbdone{border-radius:16px;padding:15px 17px;border:1.5px solid var(--line)}
.mv-fbdone.pos{border-color:var(--teal);background:var(--teal-soft)}
.mv-fbdone.neg{border-color:var(--danger);background:#FBEAE5}
.mv-fbdone b{display:block;font-size:1rem;font-weight:800;margin-bottom:6px}
.mv-fbdone p{font-size:.9rem;line-height:2;margin-bottom:6px}
.mv-fbdone .sub{font-size:.78rem}
.mv-time{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.mv-time li{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:13px;
background:rgba(10,26,47,.04)}
.tm-ic{flex:0 0 auto;font-size:1rem}
.tm-x{flex:1;min-width:0;font-size:.88rem;font-weight:600}
.tm-d{flex:0 0 auto;font-size:.78rem;font-weight:700;white-space:nowrap;opacity:.8}
@media(max-width:480px){
.mv-time li{flex-wrap:wrap}
.tm-d{width:100%;text-align:end}
}
.rmj-cell{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start}
.rmj{display:inline-flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:100px;
background:rgba(10,26,47,.07);font-size:.8rem;line-height:1.9;white-space:nowrap;max-width:100%}
.rmj b{overflow-wrap:anywhere;white-space:normal}
.rmj b{font-weight:700}
.rmj i{font-style:normal;font-weight:800;opacity:.62;font-variant-numeric:tabular-nums}
.rmj.top{background:var(--teal-dark);color:#fff}
.rmj.top i{opacity:.88}
.knl-w{font-weight:inherit}
@media(max-width:640px){
.tz-wrap{overflow:visible;box-shadow:none;border-radius:0}
.tz-table:not(.knl-table){min-width:0;display:block;font-size:.86rem}
.tz-table:not(.knl-table) thead{display:none}
.tz-table:not(.knl-table) tbody{display:block}
.tz-table:not(.knl-table) tbody tr{display:block;border-radius:15px;padding:11px 14px;
margin-bottom:9px;box-shadow:var(--shadow-sm)}
.tz-table:not(.knl-table) tbody tr:nth-child(even){background:var(--paper-2)}
.tz-table:not(.knl-table) td{display:flex;justify-content:space-between;gap:12px;
align-items:baseline;border:none;padding:3px 0;text-align:start}
.tz-table:not(.knl-table) td::before{content:attr(data-l);font-size:.74rem;font-weight:700;
opacity:.62;white-space:nowrap}
.tz-table:not(.knl-table) td.tz-full{display:block;padding-top:8px}
.tz-table:not(.knl-table) td.tz-full::before{display:block;margin-bottom:7px}
.tz-table:not(.knl-table) td.rmj-cell{display:flex;flex-wrap:wrap;gap:5px}
.tz-table:not(.knl-table) td.rmj-cell::before{flex:1 1 100%}
.tz-table.rm-table tbody tr{display:flex;flex-wrap:wrap;align-items:baseline}
.rm-table td.tz-b{order:1;flex:1 1 auto;font-size:1rem;font-weight:900}
.rm-table td.tz-n{order:2;flex:0 0 auto;font-size:.76rem;opacity:.8}
.rm-table td.tz-full{order:3;flex:1 1 100%;margin-top:8px;padding-top:9px;
border-top:1px solid rgba(10,26,47,.13)}
.rm-table td.tz-b::before{display:none}
.rm-table td.tz-n::before{margin-inline-end:5px}
.rmj{font-size:.82rem;padding:4px 11px}
.tz-table:not(.knl-table):not(.rm-table) td:first-child{font-size:.95rem;font-weight:900;
padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid rgba(10,26,47,.13)}
.knl-table{min-width:0;font-size:.78rem;table-layout:fixed;width:100%}
.knl-table th,.knl-table td{padding:8px 4px}
.knl-table th:first-child,.knl-table td:first-child{width:44%}
.knl-table td:first-child{overflow-wrap:anywhere;line-height:1.7}
.knl-w{display:none}
.knl-table th:not(:first-child){font-size:.72rem}
.knl-table th:not(:first-child)::before{content:'م';opacity:.8}
}
.mv-cancel{background:transparent;color:#8a3a20;border:1.5px solid rgba(138,58,32,.45);
padding:8px 18px;font-size:.85rem;box-shadow:none}
.mv-cancel:hover{background:rgba(138,58,32,.08);border-color:#8a3a20}
.mv-acts .btn-line-teal{width:auto}
.sx-sec{
background:var(--paper-2);
border:1px solid rgba(10,26,47,.12);
border-radius:24px;
padding:28px 30px 32px;
margin-bottom:22px;
box-shadow:0 2px 16px rgba(10,26,47,.06);
}
@media(max-width:720px){
.sx-sec{padding:22px 18px 24px;border-radius:18px;margin-bottom:16px}
}
.sx-wrap{max-width:820px}
.sx-p{font-size:1.06rem;line-height:2}
.sx-p b{font-weight:800}
.sx-h3{font-size:1.12rem}
.sx-sec .sx-card{background:#F4F8FD;border-color:rgba(10,26,47,.10)}
.sx-sec .sx-g .exs span{background:#fff}
.wiz-gate-note{margin:10px auto 0;max-width:44ch;text-align:center;font-size:.86rem;
line-height:1.9;opacity:.85}
.hl,.hl-b{padding:0 3px;border-radius:3px;font-weight:700;
box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hl{background:linear-gradient(180deg,transparent 55%,rgba(0,151,109,.28) 55%)}
.hl-b{background:linear-gradient(180deg,transparent 55%,rgba(0,144,220,.26) 55%)}
.udl{border-bottom:2px solid rgba(0,151,109,.55);padding-bottom:2px;font-weight:700}
.numchip{display:inline-block;background:var(--teal-soft);border-radius:8px;
padding:1px 8px;font-weight:800;font-size:.95em;line-height:1.9}
.sx-key,.sx-warn{display:flex;gap:12px;align-items:flex-start;border-radius:16px;
padding:15px 18px;margin:20px 0;font-size:1rem;line-height:1.95;border:1px solid}
.sx-key{background:#EAF6FD;border-color:rgba(0,97,143,.20);border-inline-start:4px solid var(--amber)}
.sx-warn{background:#FFF4E3;border-color:rgba(160,90,20,.22);border-inline-start:4px solid #C77B21}
.sx-key .ki,.sx-warn .ki{flex:0 0 auto;font-size:1.2rem;line-height:1.7}
.sx-key b,.sx-warn b{font-weight:800}
.sx-key a,.sx-warn a{font-weight:800;color:var(--teal-dark);
border-bottom:1.5px solid rgba(0,151,109,.4)}
.sx-fig{margin:22px 0 6px;background:#F4F8FD;border:1px solid rgba(10,26,47,.10);
border-radius:18px;padding:18px 14px 12px}
.sx-fig svg{display:block;width:100%;height:auto}
.sx-fig figcaption{text-align:center;font-size:.84rem;font-weight:700;
margin-top:8px;opacity:.85}
.sx-next{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;
padding-top:16px;border-top:1px dashed rgba(10,26,47,.16)}
.sx-next a{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;
border-radius:99px;border:1.5px solid rgba(0,151,109,.38);background:#fff;
color:var(--teal-dark);font-weight:800;font-size:.84rem;text-decoration:none;
transition:border-color .18s,transform .18s}
.sx-next a:hover{border-color:var(--teal-dark);transform:translateY(-2px)}
.sx-next a::before{content:"←";font-weight:900}
@media(max-width:720px){
.sx-key,.sx-warn{padding:13px 14px;font-size:.95rem}
.sx-fig{padding:14px 10px 10px}
}
.sx-fig .fig-tall{display:none}
@media(max-width:640px){
.sx-fig .fig-wide{display:none}
.sx-fig .fig-tall{display:block}
}
.sx-sec[id]{scroll-margin-top:88px}
.sx-sec .sx-lead{
background:linear-gradient(120deg,rgba(190,233,218,.75),rgba(227,243,252,.7));
border:1px solid rgba(0,151,109,.18);
border-inline-start:4px solid var(--teal);
box-shadow:none}
section.wiz-hero-sec{padding-bottom:30px}
section.wiz-hero-sec + section.block.page-after{padding-top:24px}
@media(max-width:760px){
section.wiz-hero-sec{padding-bottom:20px}
section.wiz-hero-sec + section.block.page-after{padding-top:16px}
}
.tmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}
.tmp-col{border:1.5px solid rgba(10,26,47,.12);border-radius:20px;background:#F4F8FD;padding:13px 14px}
.tmp-gh{display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:900;color:var(--teal-dark);
padding-bottom:9px;margin-bottom:4px;border-block-end:1.5px solid rgba(10,26,47,.12)}
.tmp-row{display:grid;grid-template-columns:auto 1fr;gap:1px 9px;align-items:center;
padding:9px 2px;border-block-end:1px solid rgba(10,26,47,.09)}
.tmp-row:last-child{border-block-end:0}
.tmp-ic{grid-row:span 2;font-size:1.05rem;line-height:1}
.tmp-t{font-size:.87rem;font-weight:800;color:var(--ink);text-decoration:none;line-height:1.7}
.tmp-t:hover{color:var(--teal-dark);text-decoration:underline}
.tmp-r{grid-column:2;font-size:.76rem;font-weight:700;color:#33415A;
font-variant-numeric:tabular-nums}
@media(max-width:820px){ .tmp-grid{grid-template-columns:1fr} }
@media(min-width:721px){
.sx-sec .sx-groups{grid-template-columns:repeat(2,1fr)}
.sx-sec .sx-groups > :last-child:nth-child(odd){grid-column:1/-1}
}
.sx-sec .sx-g .exs span{background:rgba(255,255,255,.86);border:1px solid rgba(10,26,47,.08)}
.sx-sec .sx-cmp .c{background:#F4F8FD;border-color:rgba(10,26,47,.12)}
.sx-sec .sx-cmp .c{display:flex;flex-direction:column}
.sx-sec .sx-cmp .c em{margin-top:auto}
.sx-cmp .c span b{display:inline}