@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f7fb;--ink:#142d42;--muted:#63758a;--line:#e0e7ef;--brand:#087f8c;--brand2:#12a594;--card:#fff;--shadow:0 12px 34px rgba(22,47,71,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(5vw,20px);background:#142d42;color:white;flex-wrap:wrap}header a{color:#eaf8fa;text-decoration:none;margin-inline-start:18px}.brand{font-weight:800;font-size:1.12rem;color:white!important}nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline{display:inline}.linkbtn{border:0;background:none;color:white;font:inherit;cursor:pointer}main{max-width:1120px;margin:38px auto;padding:0 20px;min-height:68vh}.hero{background:linear-gradient(125deg,#142d42,#087f8c);color:#fff;border-radius:24px;padding:clamp(30px,6vw,72px);margin-bottom:24px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.35;margin:12px 0}.hero p{max-width:650px;color:#d9eef1}.eyebrow{color:#15a899;font-weight:700;font-size:.9rem}.hero .eyebrow{color:#7ce7d5}.btn{display:inline-block;border:0;border-radius:11px;background:var(--brand);color:#fff;padding:10px 20px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.hero .btn{background:#20b6a2;color:#092f3a}.btn.secondary{background:#e7f4f5;color:#14535c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.card h1,.card h2{margin-top:0}.narrow{max-width:620px;margin:0 auto}.narrow form,.card form{display:grid;gap:15px}label{display:grid;gap:6px;font-weight:600;font-size:.93rem}input,textarea,select{width:100%;border:1px solid #ccd8e4;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#172e43;outline:none}input:focus,textarea:focus,select:focus{border-color:#0a9298;box-shadow:0 0 0 3px #0a92981a}textarea{resize:vertical}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.heading h1{margin:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.stats .card{display:grid;gap:4px}.stats span,.muted{color:var(--muted)}.stats strong{font-size:2rem}.stats a{font-size:.9rem;color:var(--brand);text-decoration:none}.notice{padding:12px 16px;border-radius:10px;margin:12px 0 18px}.notice.success{background:#e5f7ef;color:#17664a}.notice.error,.error{background:#fff0f0;color:#a12a35;padding:10px;border-radius:8px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:500px}th,td{text-align:right;padding:12px;border-bottom:1px solid var(--line)}th{background:#f1f6f9}footer{text-align:center;color:var(--muted);padding:28px 15px;font-size:.85rem}hr{border:0;border-top:1px solid var(--line);margin:24px 0}a{color:var(--brand)}@media(max-width:760px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero{border-radius:16px}header{align-items:flex-start}nav{width:100%}main{margin:22px auto}.card{padding:18px}}
.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px}.check input{width:auto;min-width:18px;height:18px}.card .stats{margin:10px 0 22px}.card .stats .card{margin:0;padding:16px}.card small{color:var(--muted)}.tablewrap a{font-weight:700}.tablewrap td{vertical-align:top}nav a{font-size:.88rem}button.secondary{background:#e7f4f5;color:#14535c}
/* SmartBiz Studio v1.2 */
.editor-toolbar{display:flex;gap:7px;flex-wrap:wrap;background:#edf4f7;border:1px solid var(--line);padding:9px;border-radius:12px}.editor-toolbar button{border:1px solid #cbd9e4;background:#fff;border-radius:8px;padding:7px 11px;font:inherit;cursor:pointer;color:var(--ink)}.editor-toolbar button:hover{border-color:var(--brand);color:var(--brand)}.rich-editor{background:#fff;color:#172e43;border:1px solid #cbd8e3;border-radius:12px;padding:20px;min-height:360px;line-height:2;outline:none}.rich-editor:focus{border-color:var(--brand);box-shadow:0 0 0 3px #087f8c18}.rich-editor h2,.rich-editor h3{line-height:1.5}.rich-editor blockquote{border-right:4px solid var(--accent);margin:16px 0;padding:8px 16px;background:#f2f8fa}.editor-help,.seo-meter{font-size:.85rem;color:var(--muted)}#metaCount.over{color:#b42318;font-weight:800}.theme-preview{--p:#087f8c;--bg:#f4f7fb;--a:#12a594;position:relative;isolation:isolate;overflow:hidden;min-height:390px;border-radius:24px;padding:clamp(22px,4vw,42px);background:linear-gradient(135deg,var(--bg),#d9e8ee);border:1px solid var(--line);perspective:1000px}.preview-glass{position:relative;z-index:2;max-width:780px;padding:clamp(22px,4vw,40px);border-radius:22px;background:color-mix(in srgb,#fff 78%,transparent);border:1px solid #ffffffa8;box-shadow:0 25px 80px #102f4420;backdrop-filter:blur(18px);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease}.preview-glass>span{color:var(--p);font-weight:800}.preview-glass h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.35;margin:12px 0}.preview-glass p{max-width:650px}.preview-glass button{background:var(--p);color:white;border:0;border-radius:10px;padding:11px 20px;font:inherit}.preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.preview-cards div{padding:20px 12px;background:#fff;border:1px solid #dbe6ed;border-radius:14px;box-shadow:0 10px 25px #18394b12}.preview-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6;background:radial-gradient(circle at 30% 30%,#fff,var(--a) 35%,var(--p) 72%);z-index:1}.orb-one{width:220px;height:220px;left:3%;top:7%;animation:studioFloat 8s ease-in-out infinite alternate}.orb-two{width:140px;height:140px;left:35%;bottom:-35px;animation:studioFloat 6s ease-in-out infinite alternate-reverse}.motion-none .preview-orb{display:none}.motion-tilt .preview-glass{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.motion-orbit .preview-orb{animation:studioFloat 6s ease-in-out infinite alternate,studioOrbit 16s linear infinite}@keyframes studioFloat{from{translate:0 -7px;scale:.98}to{translate:0 17px;scale:1.05}}@keyframes studioOrbit{to{rotate:360deg}}.public-site .prose{overflow-wrap:anywhere}.public-site .prose a{color:var(--brand);text-decoration:underline}.public-site .prose blockquote{border-right:4px solid var(--accent);padding:8px 16px;background:#eef7f8}.public-site .public-hero .btn{background:var(--accent);color:#082e38}.public-products .card{margin:0}@media(max-width:760px){.preview-cards{grid-template-columns:1fr}.theme-preview{padding:14px}.rich-editor{min-height:280px}.editor-toolbar button{font-size:.86rem}}
/* v1.3 responsive academy/media tools */
img,video,iframe{max-width:100%}.tablewrap{max-width:100%;overflow:auto}.tablewrap table{min-width:640px}.academy-hero{background:linear-gradient(135deg,#142d42,#087f8c);color:#fff;padding:clamp(24px,5vw,56px);border-radius:22px}.academy-hero .muted{color:#d9f0f0}.lesson-item{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.pill{display:inline-flex;border-radius:999px;padding:5px 11px;background:#e5f6f3;color:#176b64;font-size:.85rem}.prose{overflow-wrap:anywhere}.prose img{height:auto;max-width:100%;object-fit:contain}.card form input[type=file]{display:block;width:100%;padding:12px;border:1px dashed var(--border,#b8c6d2);border-radius:12px}.card textarea{max-width:100%}header nav{flex-wrap:wrap}header nav a{white-space:nowrap}@media(max-width:800px){header{align-items:flex-start;gap:12px;flex-direction:column}header nav{width:100%;gap:8px}main{padding:14px}.grid,.stats{grid-template-columns:1fr}.lesson-item{display:block}.tablewrap table{min-width:560px}}@media(min-width:1400px){main{max-width:1440px;margin-inline:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#0d1c27;margin:12px 0}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sb-scroll-reveal{opacity:0;transform:translate3d(0,22px,0) scale(.99);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.sb-scroll-reveal.sb-in-view{opacity:1;transform:translate3d(0,0,0) scale(1)}.sb-scroll-hero{transform:translate3d(0,var(--scroll-depth,0px),0);will-change:transform}@media(max-width:760px){.sb-scroll-hero{transform:none!important;will-change:auto}.sb-scroll-reveal{transform:translateY(12px)}.sb-scroll-reveal.sb-in-view{transform:none}}@media(prefers-reduced-motion:reduce){.sb-scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}}
/* v1.4 visual builder */
.builder-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.builder-blocks{display:grid;gap:14px;margin:18px 0}.builder-block{background:var(--card,#fff);border:1px solid var(--border,#dbe4ec);border-radius:16px;padding:16px;box-shadow:0 8px 28px #1834490b}.builder-block.dragging{opacity:.45}.builder-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.builder-head button{border:1px solid #cbd5e1;background:transparent;border-radius:8px;padding:6px 10px;cursor:pointer}.builder-block label{display:block;margin:10px 0}.builder-block input,.builder-block textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}.builder-block textarea{resize:vertical}.builder-preview-section{padding:clamp(24px,5vw,60px);margin:18px 0;border-radius:22px;background:linear-gradient(135deg,#142d42,#087f8c);color:#fff;overflow:hidden}.builder-preview-section h2{font-size:clamp(1.5rem,4vw,2.6rem)}.builder-preview-section p{max-width:70ch;line-height:2}.builder-preview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;margin-top:20px}.builder-preview-cards>div{padding:22px;border:1px solid #ffffff40;border-radius:16px;background:#ffffff12;backdrop-filter:blur(12px)}@media(max-width:600px){.builder-head{align-items:flex-start}.builder-head button{padding:5px 8px}.builder-toolbar .btn{flex:1 1 42%}}

.lang-switch{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.lang-switch a{font-size:.82rem;padding:4px 8px;border:1px solid var(--border,#ddd);border-radius:999px;text-decoration:none}.lang-switch a:hover{opacity:.8}