/* Tokens — skill: professional (semantic tokens, 4/8/12/16/24/32 spacing, WCAG 2.2 AA) */
:root{--p:#1F4E5F;--ph:#173D4B;--pa:#11303C;--ac:#C8963E;--pl:#E6EEF0;--navy:#17323D;--bg:#E8ECE7;--surface:#F3F2EC;--line:#CDD5CF;--mut:#55656A;--text:#1E2B2F;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s8:64px;
--sh1:0 1px 3px rgba(11,27,51,.08);--sh2:0 10px 30px -8px rgba(11,27,51,.18);--sh3:0 24px 60px -16px rgba(11,27,51,.4);
font-family:"Vazirmatn","Segoe UI",Tahoma,system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--text);line-height:1.85;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.wrap{max-width:1120px;margin:auto;padding:0 var(--s4)}.narrow{max-width:600px}
.mut{color:var(--mut)}

/* header */
.hd{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:var(--s4)}
.logo{font-weight:800;font-size:1.1rem;color:var(--navy);text-decoration:none;display:flex;gap:var(--s3);align-items:center}
.logo i{font-style:normal;background:linear-gradient(135deg,var(--ac),var(--p));border-radius:12px;width:38px;height:38px;display:grid;place-items:center;box-shadow:0 6px 16px rgba(15,118,110,.35)}
.logo img.lg{width:44px;height:44px;animation:fl 3s ease-in-out infinite}
nav{display:flex;gap:var(--s5);align-items:center;overflow-x:auto}
nav a{color:var(--text);text-decoration:none;white-space:nowrap;padding:var(--s2) 0;font-weight:500;transition:color .15s}
nav a:hover{color:var(--p)}nav a.btn{color:#fff}

/* buttons */
.btn{background:var(--p);color:#fff!important;border:0;border-radius:12px;padding:var(--s3) var(--s5);font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:46px;box-shadow:0 6px 18px -4px rgba(15,118,110,.5);transition:background .15s,transform .1s}
.btn:hover{background:var(--ph)}.btn:active{background:var(--pa);transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.sm{padding:var(--s1) var(--s4);min-height:40px;box-shadow:none}.btn.big{padding:var(--s4) var(--s6);font-size:1.05rem;min-height:54px}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.4);box-shadow:none}.btn.ghost:hover{background:rgba(255,255,255,.12)}

/* hero */
.hero{position:relative;overflow:hidden;color:#fff;padding:var(--s8) 0 80px;text-align:center;
background:radial-gradient(700px 380px at 85% -10%,rgba(20,184,166,.55),transparent),radial-gradient(600px 300px at 0 100%,rgba(15,118,110,.45),transparent),var(--navy)}
.hero h1{font-size:clamp(1.8rem,4.6vw,3rem);line-height:1.5;font-weight:800;max-width:780px;margin:0 auto var(--s4)}
.hero p{font-size:1.1rem;color:#D5DEEC;max-width:600px;margin:0 auto var(--s5)}
.trust{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center;margin-bottom:var(--s6)}
.trust li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:var(--s1) var(--s4);font-size:.92rem}
.cta{display:flex;gap:var(--s3);justify-content:center;flex-wrap:wrap}
.statsbar{max-width:860px;margin:-40px auto 0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-radius:20px;box-shadow:var(--sh2);padding:var(--s5);text-align:center;border:1px solid var(--line)}
.statsbar b{display:block;font-size:1.6rem;color:var(--p)}.statsbar span{color:var(--mut);font-size:.9rem}

/* sections */
.sec{padding:var(--s8) 0}.alt{background:var(--bg)}
.sec h2{font-size:1.7rem;font-weight:800;margin-bottom:var(--s2)}
.sec .sub{color:var(--mut);margin-bottom:var(--s5)}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s4)}
.cat{background:var(--surface);border:1.5px solid var(--line);border-radius:20px;padding:var(--s5) var(--s3);text-align:center;text-decoration:none;color:inherit;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}
.cat:hover{border-color:var(--ac);box-shadow:var(--sh2);transform:translateY(-4px)}
.cat span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto var(--s3);font-size:1.9rem;background:var(--pl);border-radius:18px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4);counter-reset:s}
.step{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:var(--s5);counter-increment:s;box-shadow:var(--sh1)}
.step::before{content:counter(s,persian);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--p);color:#fff;font-weight:800;margin-bottom:var(--s3)}
.step b{display:block;margin-bottom:var(--s1)}.step p{color:var(--mut);font-size:.94rem}
.tw{overflow-x:auto;border-radius:20px;box-shadow:var(--sh1);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;background:var(--surface)}
th,td{padding:var(--s4) var(--s5);text-align:right;border-bottom:1px solid var(--line)}th{background:#EEF0F8;font-size:.88rem;color:var(--mut)}
tr:last-child td{border-bottom:0}td:last-child{font-weight:700;color:var(--p);white-space:nowrap}
.pros{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s4)}
.pro{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:var(--s5);display:flex;flex-direction:column;gap:var(--s1);box-shadow:var(--sh1);transition:box-shadow .2s,transform .2s}
.pro:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.pro .av{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--pl),#E9D5FF);color:var(--p);display:grid;place-items:center;font-weight:800;font-size:1.2rem;margin-bottom:var(--s2)}
.pro small{color:var(--mut)}.stars{color:#F59E0B;letter-spacing:2px}
.revs{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--s4)}
blockquote{background:var(--surface);border-radius:20px;padding:var(--s5);border:1px solid var(--line);box-shadow:var(--sh1);position:relative}
blockquote::before{content:"“";position:absolute;top:var(--s1);inset-inline-end:var(--s4);font-size:3.5rem;color:var(--pl);line-height:1}
cite{display:block;color:var(--mut);margin-top:var(--s3);font-size:.9rem;font-style:normal}

/* form */
.form{display:grid;gap:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:var(--s6);box-shadow:var(--sh2)}
label{font-weight:700;font-size:.9rem;display:grid;gap:var(--s1)}
input,select,textarea{font:inherit;padding:var(--s3) var(--s4);border:1.5px solid var(--line);border-radius:12px;min-height:48px;width:100%;background:var(--surface);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 4px rgba(20,184,166,.18)}
#msg{min-height:1.6em;text-align:center}#msg.ok{color:#15803D}#msg.bad{color:#B91C1C}
.ft{background:var(--navy);color:#D5DEEC;padding:var(--s5) 0;text-align:center}.ft a{color:#fff}

@media(max-width:640px){.hd nav a:not(.btn){display:none}.hero{padding:48px 0 64px}.statsbar{margin:-32px var(--s4) 0}.form{padding:var(--s4)}th,td{padding:var(--s3)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.cat.on{border-color:var(--ac);background:var(--pl)}
.cinfo{margin-top:var(--s5);background:var(--surface);border:1.5px solid var(--line);border-radius:20px;padding:var(--s5);box-shadow:var(--sh2)}
.cinfo ul{padding-inline-start:1.2rem;line-height:1.9}
.pt{width:100%;border-collapse:collapse;margin:var(--s3) 0}.pt th,.pt td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start}.pt th{background:var(--pl)}
.btn-s{display:inline-block;margin-top:var(--s3);background:var(--ac);color:#fff;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:700}

.hero{background:linear-gradient(180deg,rgba(8,47,73,.72),rgba(15,118,110,.82)),url(/img/hero.webp) center/cover no-repeat!important}
.cats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cat{padding:0!important;overflow:hidden;position:relative;text-align:right}
.cat img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
.cat:hover img{transform:scale(1.06)}
.cat b{display:flex;align-items:center;gap:8px;padding:14px 16px;font-size:1.05rem}
.cat b i{font-style:normal;display:grid;place-items:center;width:36px;height:36px;background:var(--pl);border-radius:10px}
.cat.on b{color:var(--primary)}

.citybtn{background:var(--pl);border:1px solid var(--line);color:var(--navy);border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.citybtn:hover{border-color:var(--ac)}
.cm{position:fixed;inset:0;background:rgba(10,24,41,.6);display:grid;place-items:center;z-index:50;padding:16px;backdrop-filter:blur(4px)}
.cm[hidden]{display:none}
.cmb{background:#fff;border-radius:20px;padding:24px;max-width:520px;width:100%;max-height:85vh;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh3)}
.cmb h2{margin:0}.cmb input{padding:12px;border:1px solid var(--line);border-radius:12px;font:inherit}
.cl{overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.cl button{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px;font:inherit;cursor:pointer;text-align:center}
.cl button:hover,.cl button.on{border-color:var(--ac);background:#FBF3E2}
.cl small{display:block;color:var(--mut);font-size:.75rem}
@media(max-width:640px){.hd nav .citybtn{display:inline-block}}

.revs blockquote .stars{color:#C9A227;font-size:1.1rem}
.revs blockquote{background:#fff;border-radius:18px;padding:20px;box-shadow:var(--sh1);margin:0}
.revs cite{display:block;margin-top:10px;font-style:normal;font-weight:700;font-size:.9rem}
.rform-w{max-width:620px;margin:28px auto 0}.rform-w summary{cursor:pointer;text-align:center;font-weight:700;color:var(--navy);padding:10px}
.center{text-align:center}

.mapw{margin:10px 0}.maps{display:flex;gap:6px;margin:6px 0}.maps input{flex:1;min-width:0}
#pmap{height:320px;border-radius:12px;border:1px solid #e5d9b8;z-index:0;background:#f6f1e3}
.btn.sm{padding:6px 12px;font-size:.85rem}

.wm,.logo .wm{font-family:Vazirmatn,sans-serif;font-weight:400;font-size:1.5rem;background:linear-gradient(90deg,#B8860B,#E6C968,#B8860B);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shim 3s linear infinite}
@keyframes shim{to{background-position:200% center}}

/* ===== Dark theme ===== */
[data-theme=dark]{color-scheme:dark;--primary:#5FB3C9;--primary-h:#7CC5D8;--primary-a:#9AD3E2;--accent:#E0B15A;--primary-l:#1B3440;--navy:#0B1A21;--navy2:#12262F;--navy3:#1D3A47;
--bg:#0E1619;--surface:#17232A;--text:#E6EEF0;--muted:#9DB0B6;--line:#2A3D45;--ok:#6FCF97;--ok-l:#17332350;--warn:#E8B96A;--warn-l:#3A2D12;--danger:#F28B8B;--danger-l:#3D1B1B;
--p:#5FB3C9;--ph:#7CC5D8;--pa:#9AD3E2;--ac:#E0B15A;--pl:#1B3440;--mut:#9DB0B6;--sh1:0 1px 3px rgba(0,0,0,.5);--sh2:0 10px 30px -8px rgba(0,0,0,.6)}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#101C21;color:var(--text);border-color:var(--line)}
[data-theme=dark] table,[data-theme=dark] .card,[data-theme=dark] .modal,[data-theme=dark] .sec,[data-theme=dark] .form{color:var(--text)}
[data-theme=dark] img:not(.keep){filter:brightness(.92)}
.thm{background:none;border:1px solid var(--line);border-radius:999px;padding:4px 12px;cursor:pointer;color:inherit}
.cta{background:linear-gradient(135deg,var(--accent),#F0CC82);color:#17323D!important;font-weight:700;border:0;border-radius:999px;padding:8px 18px;text-decoration:none;display:inline-block;cursor:pointer;box-shadow:var(--sh1)}
.cta:hover{filter:brightness(1.07)}
.cta.o{background:none;border:2px solid var(--accent);color:var(--accent)!important;box-shadow:none}
.badge-n{background:#C0392B;color:#fff;border-radius:999px;font-size:.7rem;padding:0 6px;margin-inline-start:4px}

.joinb{background:linear-gradient(135deg,var(--navy),#1F4E5F);color:#fff;text-align:center}.joinb h2,.joinb p{color:#fff}
.joinb .form{background:rgba(255,255,255,.08);padding:16px;border-radius:16px;text-align:start}.joinb label{color:#fff}
.joinb .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px 0}

.ptabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.ptabs button{border:1px solid var(--line);background:var(--card,#fff);color:inherit;border-radius:999px;padding:8px 16px;font:inherit;cursor:pointer}
.ptabs button.on{background:var(--pri,#1F4E5F);color:#fff;border-color:transparent;font-weight:700}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s4,16px);margin-top:16px}
.vc{margin:0;background:var(--card,#fff);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:12px}
.vc img{width:72px;height:72px;border-radius:50%;object-fit:cover;align-self:flex-start}
.vc blockquote{margin:0;line-height:1.9}
.vc figcaption small{display:block;opacity:.7}

.ft .trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.15)}
.ft .trust span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 16px;font-size:.85rem;color:#fff}
.ft .wrap{line-height:2}

/* ---- footer (achareh-like) ---- */
.ft{text-align:right;padding:0;background:#0F2530}
.ft .trust{margin:0;padding:22px 16px;background:#0B1C24;border-bottom:1px solid rgba(255,255,255,.08)}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding-top:36px;padding-bottom:24px}
.fcol{display:flex;flex-direction:column;gap:9px}
.fcol h4{color:#fff;font-size:1rem;margin:0 0 6px}
.fcol a{color:#AFC3CC;text-decoration:none;font-size:.9rem}.fcol a:hover{color:var(--ac)}
.flogo{color:#fff;font-size:1.2rem}.fbrand p{color:#AFC3CC;font-size:.88rem;line-height:1.9;margin:6px 0}
.fcon{color:var(--ac);font-weight:700}
.fbot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;padding-bottom:20px;font-size:.82rem;color:#8FA5AE}
.soc{display:flex;gap:8px}.soc a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:800;text-decoration:none}
.soc a:hover{background:var(--ac)}
@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}}
/* ---- promo banners between sections ---- */
.promo{max-width:1180px;margin:28px auto;padding:20px 26px;border-radius:18px;display:flex;align-items:center;gap:16px;color:#fff;box-shadow:0 10px 30px -12px rgba(0,0,0,.35);position:relative;overflow:hidden}
.promo::after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.promo .pi{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.7rem;flex:none}
.promo .pt2{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.promo b{font-size:1.05rem}.promo span{opacity:.9;font-size:.88rem}
.promo .pb{background:#fff;color:#17323D;text-decoration:none;font-weight:800;padding:10px 18px;border-radius:999px;white-space:nowrap;position:relative;z-index:1}
.promo.p1{background:linear-gradient(120deg,#1F4E5F,#2C7C86)}.promo.p2{background:linear-gradient(120deg,#C8963E,#E2B45E)}
.promo.p3{background:linear-gradient(120deg,#3B5BA9,#5D7FD6)}.promo.p4{background:linear-gradient(120deg,#C2466A,#E37A99)}.promo.p5{background:linear-gradient(120deg,#17323D,#2E5A68)}
@media(max-width:640px){.promo{flex-wrap:wrap;margin:20px 12px}.promo .pb{width:100%;text-align:center}}

#pros{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:8px 4px 16px;-webkit-overflow-scrolling:touch}
#pros .pro{flex:0 0 240px;scroll-snap-align:start}
.chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:8px}
.chp{font-size:12px;padding:3px 10px;border-radius:999px;color:#fff;font-weight:600}
.chp.cq{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.chp.ct{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}
.chp.cb{background:linear-gradient(135deg,#ec4899,#f43f5e)}.chp.cp{background:linear-gradient(135deg,#f59e0b,#f97316)}
.chp.cd{background:linear-gradient(135deg,#10b981,#22c55e)}

/* ===== v2 premium polish ===== */
.hd{background:rgba(255,255,255,.82)!important;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(15,50,61,.08)!important;box-shadow:0 8px 30px -18px rgba(15,50,61,.35)}
.hd nav{display:flex;gap:4px;background:rgba(15,50,61,.05);padding:5px;border-radius:999px}
.hd nav a{padding:8px 16px;border-radius:999px;font-weight:600;font-size:.92rem;color:#27414B;transition:.2s}
.hd nav a:hover{background:#fff;color:#0F766E;box-shadow:0 2px 10px -3px rgba(15,50,61,.25)}
.logo img.lg{animation:none!important;width:46px;height:46px;border-radius:14px;box-shadow:0 8px 20px -6px rgba(15,118,110,.6)}
.logo .wm,.wm{font-size:1.65rem!important;background:linear-gradient(90deg,#12343F,#0F766E)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:none!important;letter-spacing:-.5px}
.citybtn{border:1px solid rgba(15,50,61,.12)!important;background:#fff!important;border-radius:999px!important;padding:8px 16px!important;font-weight:600;box-shadow:0 2px 8px -4px rgba(0,0,0,.2)}
.btn{background:linear-gradient(135deg,#0F766E,#14958A)!important;border-radius:999px!important;letter-spacing:.2px;box-shadow:0 10px 24px -10px rgba(15,118,110,.8),inset 0 1px 0 rgba(255,255,255,.25)!important;transition:transform .2s,box-shadow .2s!important}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(15,118,110,.9),inset 0 1px 0 rgba(255,255,255,.3)!important}
.hd .btn.sm{background:linear-gradient(135deg,#12343F,#1F5A68)!important;padding:8px 22px!important}
.hero h1{font-weight:800;letter-spacing:-.5px;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hero h1::after{content:"";display:block;width:84px;height:4px;border-radius:4px;margin:18px auto 0;background:linear-gradient(90deg,#F6DE94,#C8963E)}
.hero .btn.big,.hero a.btn{background:linear-gradient(135deg,#F6DE94,#C8963E)!important;color:#2a1d05!important;box-shadow:0 14px 34px -10px rgba(200,150,62,.9)!important}
/* promos: calm glass-dark cards */
.promo{background:linear-gradient(135deg,#102E38,#164552)!important;border:1px solid rgba(246,222,148,.25);border-radius:22px!important;padding:22px 30px!important;box-shadow:0 20px 44px -22px rgba(10,35,45,.7)!important}
.promo::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,#E6C968,transparent)}
.promo .pi{background:linear-gradient(135deg,rgba(246,222,148,.25),rgba(246,222,148,.06))!important;border:1px solid rgba(246,222,148,.35);border-radius:50%!important}
.promo b{font-size:1.2rem!important;font-weight:800}
.promo span{color:#BFD3D8;opacity:1!important}
.promo .pb{background:linear-gradient(135deg,#F6DE94,#C8963E)!important;color:#2a1d05!important;padding:12px 26px!important;box-shadow:0 8px 20px -8px rgba(200,150,62,.8);transition:.2s}
.promo .pb:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(200,150,62,.95)}

.dcr{display:flex;gap:8px;margin-top:4px}.dcr input{flex:1}#dcm.ok{color:#15803d}#dcm.bad{color:#b91c1c}
.thanks{text-align:center;padding:var(--s5);border:1.5px solid #99d5cf;background:#f0fdfa;border-radius:20px}.thanks .tk{width:56px;height:56px;border-radius:50%;background:#0F766E;color:#fff;font-size:30px;line-height:56px;margin:0 auto 8px}
.pcta{display:block;grid-column:1/-1;padding:var(--s5);border-radius:18px;background:linear-gradient(135deg,#0F766E,#0e5a8a);color:#fff;text-decoration:none;text-align:center}.pcta b{display:block;font-size:1.15rem}.pcta span{display:block;margin:6px 0;opacity:.92}.pcta i{font-style:normal;background:#fff;color:#0F766E;padding:6px 14px;border-radius:99px;display:inline-block;font-weight:700}
.spb{position:fixed;bottom:12px;right:12px;z-index:50;background:#0F766E;color:#fff;padding:10px 16px;border-radius:99px;text-decoration:none;font-weight:700;box-shadow:0 4px 14px #0003}

[hidden]{display:none!important}
.btn.big{cursor:pointer;position:relative;z-index:2}
#sbtn{width:100%}