/* LOCAL PERSIAN WEB FONT — shared by all pages using main.css */
@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn[wght].woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{font-family:"Vazirmatn",Tahoma,sans-serif;font-size:16px}
body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden;font-synthesis:none;line-height:1.85}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 50px));margin:auto}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--border)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,248,252,.9));box-shadow:0 8px 24px rgba(18,52,91,.10)}.brand-logo img{width:100%;height:100%;padding:2px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(18,52,91,.12));transition:transform .25s ease,filter .25s ease}.brand:hover .brand-logo img{transform:scale(1.045);filter:drop-shadow(0 7px 14px rgba(18,52,91,.16))}.brand strong{display:block;font-size:17px;font-weight:800;color:var(--primary);line-height:1.5}.brand span{font-size:11px;color:var(--muted);line-height:1.8}
.menu{display:flex;align-items:center;gap:0;padding:5px 8px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(212,175,55,.22);border-radius:40px;box-shadow:0 8px 25px rgba(18,52,91,.07)}.menu a{position:relative;padding:10px 13px;font-size:13px;line-height:1.6;font-weight:600;color:var(--primary);background:none;border:none;border-radius:17px;transition:.3s}.menu a:hover{background:#fff;box-shadow:0 4px 12px rgba(212,175,55,.12);transform:translateY(-1px)}.menu a.active{background:rgba(212,175,55,.16);color:#8a6700;font-weight:800}.menu a.active::before{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:14px;background:var(--gold)}
.mobile-btn{display:none;border:0;background:none;cursor:pointer}.mobile-btn span{display:block;width:25px;height:3px;margin:5px;background:var(--primary);border-radius:5px}.mobile-menu{position:fixed;top:0;right:-280px;width:240px;height:100vh;background:#fff;z-index:300;padding:45px 18px;box-shadow:-15px 0 35px #0002;transition:.35s}.mobile-menu.active{right:0}.mobile-close{position:absolute;top:15px;left:15px;font-size:25px;color:var(--primary);cursor:pointer}.mobile-menu a{display:block;padding:13px;border-bottom:1px solid #edf1f7;font-size:14px;line-height:1.7;color:var(--primary)}
/* CENTRAL SHARED HEADER */
.shared-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,52,91,.12)}.shared-header-inner{width:min(1180px,calc(100% - 50px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.shared-brand{display:flex;align-items:center;gap:14px;color:#12345b}.shared-brand-logo{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 70px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,248,252,.9));box-shadow:0 8px 24px rgba(18,52,91,.10);overflow:visible}.shared-brand-logo img{width:100%;height:100%;padding:2px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(18,52,91,.12));transition:transform .25s ease,filter .25s ease}.shared-brand:hover .shared-brand-logo img{transform:scale(1.045);filter:drop-shadow(0 7px 14px rgba(18,52,91,.16))}.shared-brand b{display:block;font-size:17px;line-height:1.5;font-weight:800}.shared-brand small{display:block;color:#68768a;font-size:11px;line-height:1.8}.shared-main-nav{display:flex;align-items:center;gap:2px;padding:5px 7px;background:rgba(255,255,255,.84);border:1px solid rgba(212,175,55,.22);border-radius:40px;box-shadow:0 8px 25px rgba(18,52,91,.07);overflow:auto;max-width:75%}.shared-main-nav a{position:relative;white-space:nowrap;padding:10px 12px;border-radius:17px;color:#12345b;font-size:13px;line-height:1.6;font-weight:600;transition:.2s}.shared-main-nav a:hover{background:#f5f7fb;transform:translateY(-1px)}.shared-main-nav a.active{background:rgba(212,175,55,.16);color:#8a6700;font-weight:800}.shared-main-nav a.active:before{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:4px;background:#d4af37}.shared-mobile-toggle{display:none;border:0;background:#fff;width:46px;height:46px;border-radius:13px;box-shadow:0 5px 18px rgba(18,52,91,.10);padding:8px;cursor:pointer}.shared-mobile-toggle span{display:block;height:2px;margin:5px auto;width:23px;background:#12345b;border-radius:3px}.shared-mobile-panel{position:fixed;top:0;right:0;width:min(320px,88vw);height:100dvh;background:rgba(255,255,255,.99);box-shadow:-18px 0 45px rgba(18,52,91,.18);transform:translateX(105%);transition:transform .28s ease;padding:72px 18px 24px;z-index:1100;overflow:auto}.shared-mobile-panel.open{transform:translateX(0)}.shared-mobile-panel:after{content:"";position:fixed;top:0;right:100%;width:100vw;height:100dvh;background:rgba(18,52,91,.28);opacity:0;pointer-events:none;transition:.28s}.shared-mobile-panel.open:after{opacity:1}.shared-mobile-close{position:absolute;top:14px;left:14px;border:0;background:#f2f5fa;color:#12345b;width:38px;height:38px;border-radius:12px;font-size:25px;cursor:pointer}.shared-mobile-links a{display:block;padding:13px 12px;margin:5px 0;border-bottom:1px solid #edf1f7;font-size:14px;color:var(--primary);line-height:1.7;font-weight:600;border-radius:10px}.shared-mobile-links a:hover{background:#f4f7fc}.shared-menu-open{overflow:hidden}
.hero{padding:55px 0;background:radial-gradient(circle at top right,rgba(212,175,55,.18),transparent 35%),linear-gradient(135deg,#fff,#edf4ff)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.badge{display:inline-flex;align-items:center;background:rgba(212,175,55,.12);color:#856313;padding:7px 15px;border-radius:20px;font-size:12px;border:1px solid rgba(212,175,55,.25)}.hero h1{font-size:30px;line-height:1.7;color:var(--primary);margin:16px 0;font-weight:800}.hero p{font-size:16px;line-height:2.15;color:#607286;max-width:520px}.buttons{display:flex;gap:10px;margin-top:22px}.btn{padding:11px 22px;font-size:13px;border-radius:30px}.hero-art{display:flex;justify-content:center}.circle{width:300px;height:300px;background:radial-gradient(circle,rgba(212,175,55,.2),transparent 60%),#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 50px #12345b22}.circle:before{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid var(--gold);animation:rotate 8s linear infinite}.circle img{width:70%;height:70%;object-fit:contain}.section{padding:55px 0}h2{text-align:center;color:var(--primary);font-size:30px;line-height:1.6;margin:0 0 10px}.sub{text-align:center;color:var(--muted);font-size:16px;line-height:2;margin-bottom:30px}.grid{display:grid;gap:18px}@keyframes rotate{to{transform:rotate(360deg)}}
@media(max-width:1100px){.menu a{padding:9px 9px;font-size:12px}.brand-logo{width:64px;height:64px}.nav{height:78px}}
@media(max-width:700px){html,body{font-size:15px}.nav{height:70px}.brand{gap:10px}.brand-logo{width:54px;height:54px;border-radius:15px}.brand strong{font-size:14px}.brand span{display:none}.shared-header-inner{width:calc(100% - 24px);height:68px}.shared-brand-logo{width:54px;height:54px;flex-basis:54px;border-radius:15px}.shared-brand b{font-size:14px}.shared-brand small{display:none}.shared-main-nav{display:none}.shared-mobile-toggle{display:block}.container{width:calc(100% - 32px)}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero{padding:42px 0}.hero h1{font-size:25px}.hero p{font-size:15px}.section{padding:42px 0}h2{font-size:25px}.sub{font-size:14px}.buttons{flex-direction:column}.btn{text-align:center}.mobile-menu a{font-size:14px}}