@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#f8f4ec;color:#1d2b25;font-family:Vazirmatn,Arial,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:5;background:rgba(248,244,236,.96);backdrop-filter:blur(10px);border-bottom:1px solid #ded6c8;padding:14px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-family:Georgia,serif;letter-spacing:2px;color:#173b2b;font-weight:bold}.logo small{display:block;font:600 11px Vazirmatn;letter-spacing:4px;color:#a58a55;text-align:center}nav{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}nav a:hover,.social a:hover{color:#a58a55}main{max-width:1150px;margin:auto;padding:40px 20px}.hero{min-height:510px;display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:50px}.eyebrow{color:#a58a55;font-size:12px;letter-spacing:2px}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.35;margin:15px 0}.hero p{font-size:18px;color:#5e685f;max-width:700px}.hero-card,.card{background:#fffdf8;border:1px solid #e2d9ca;border-radius:22px;padding:28px;box-shadow:0 12px 35px rgba(23,59,43,.06)}.hero-card{padding:45px}.btn{display:inline-block;background:#173b2b;color:#fff;padding:11px 22px;border-radius:12px;margin-top:15px}.secondary{background:#a58a55}section{margin:70px 0}h2{font-size:32px;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card h3{margin-top:0;color:#173b2b}.card p{color:#68736c}.split{background:#173b2b;color:#fff;padding:45px;border-radius:26px;display:flex;justify-content:space-between;align-items:center}.split p{color:#dbe2dc}footer{background:#10291f;color:#e9eee9;padding:45px 6%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:center}.social{display:flex;gap:10px;flex-wrap:wrap}.social a{border:1px solid #4d6659;padding:5px 10px;border-radius:9px;font-size:12px}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}nav{gap:8px}.hero{grid-template-columns:1fr;min-height:auto}.grid{grid-template-columns:repeat(2,1fr)}.split,footer{display:block}.split .btn{margin-left:5px}footer>*{margin:18px 0}}@media(max-width:480px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}}

/* Refined typography + question form */
.hero h1{font-size:clamp(29px,4vw,48px);font-weight:600;line-height:1.45}
h2{font-size:27px;font-weight:600;line-height:1.55}
.card h3{font-size:19px;font-weight:600;line-height:1.6}
.question-section{margin:65px 0 45px}
.question-box{background:#fffdf8;border:1px solid #e2d9ca;border-radius:24px;padding:34px;box-shadow:0 12px 35px rgba(23,59,43,.05)}
.question-copy p{color:#68736c;max-width:760px;margin-top:0}
.question-form{margin-top:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.question-form label{display:block;color:#304238;font-size:14px;margin-bottom:16px}
.question-form input,.question-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9d0c1;background:#fff;border-radius:12px;padding:12px 14px;font:inherit;color:#1d2b25;outline:none}
.question-form input:focus,.question-form textarea:focus{border-color:#a58a55;box-shadow:0 0 0 3px rgba(165,138,85,.10)}
.question-form textarea{resize:vertical;min-height:110px}
.question-form .btn{border:0;cursor:pointer;font:inherit}
.form-note{display:block;color:#7a827d;margin-top:12px}
@media(max-width:600px){.hero h1{font-size:30px}.hero p{font-size:16px}h2{font-size:24px}.question-box{padding:24px 18px}.form-grid{grid-template-columns:1fr}}
.public-questions{margin-top:30px;padding-top:24px;border-top:1px solid #e5ddcf}.public-questions h3{font-size:19px;font-weight:600;color:#173b2b;margin:0 0 16px}.questions-list{display:grid;gap:14px}.question-item{background:#fff;border:1px solid #e4dccf;border-radius:16px;padding:18px}.question-meta{color:#173b2b;font-size:14px}.question-text{margin:7px 0;color:#4f5d55;white-space:pre-wrap}.answer{margin-top:14px;padding:13px 15px;background:#f5f1e8;border-right:3px solid #a58a55;border-radius:10px}.answer p{margin:5px 0 0;color:#46534c}.questions-loading,.questions-empty{color:#7a827d;font-size:13px}.question-form button:disabled{opacity:.6;cursor:wait}

/* Floating contact actions + three-dot menu */
.floating-actions{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:9px}.floating-actions a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffdf8;border:1px solid #d9d0c1;box-shadow:0 8px 22px rgba(0,0,0,.12);font-size:11px;font-weight:700;color:#173b2b}.floating-actions a:hover{transform:scale(1.06);border-color:#a58a55}.quick-menu{position:fixed;right:18px;bottom:20px;z-index:45}.quick-menu>button{width:50px;height:50px;border:0;border-radius:50%;background:#173b2b;color:#fff;font-size:27px;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.2)}.quick-menu-panel{display:none;position:absolute;right:0;bottom:60px;width:220px;background:#fffdf8;border:1px solid #ded6c8;border-radius:16px;padding:10px;box-shadow:0 15px 40px rgba(0,0,0,.16)}.quick-menu.open .quick-menu-panel{display:block}.quick-menu-panel a{display:block;padding:10px 12px;border-radius:10px;font-size:14px}.quick-menu-panel a:hover{background:#f4efe5;color:#a58a55}.home-about{background:#fffdf8;border:1px solid #e2d9ca;border-radius:24px;padding:34px;box-shadow:0 12px 35px rgba(23,59,43,.05)}.home-about p{white-space:pre-line;color:#56635b;line-height:2.05}.home-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{background:#fffdf8;border:1px solid #e2d9ca;border-radius:20px;padding:24px}.post-card h3{margin-top:0}.post-card .post-date{font-size:12px;color:#8a918b}.article-page{max-width:900px;margin:auto}.article-page .article-content{background:#fffdf8;border:1px solid #e2d9ca;border-radius:24px;padding:34px;white-space:pre-line;line-height:2.1}.article-page img{max-width:100%;border-radius:18px;margin-bottom:24px}@media(max-width:700px){.floating-actions{left:8px}.floating-actions a{width:40px;height:40px;font-size:10px}.home-posts{grid-template-columns:1fr}.home-about{padding:24px 18px}}

/* Static expandable three-dot menu */
.quick-menu-panel{max-height:78vh;overflow:auto}.menu-group>button{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:transparent;font:inherit;text-align:right;padding:10px 12px;border-radius:10px;color:#1d2b25;cursor:pointer}.menu-group>button:hover{background:#f4efe5;color:#a58a55}.submenu{display:none;padding:3px 8px 6px 0;border-right:1px solid #e2d9ca;margin-right:10px}.menu-group.open>.submenu{display:block}.submenu a{display:block;padding:8px 12px;font-size:13px;border-radius:8px;color:#59645d}.submenu a:hover{background:#f7f2e8;color:#a58a55}.menu-group>button span{font-size:15px;transition:transform .2s}.menu-group.open>button span{transform:rotate(180deg)}
.post-card{position:relative;display:block;overflow:hidden}.post-card .read-more{display:inline-block;margin-top:12px;color:#a58a55;font-size:13px;font-weight:600}.post-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(23,59,43,.08)}


/* Final UI refinements */
:root{--bg:#f8f4ec;--surface:#fffdf8;--text:#1d2b25;--muted:#667169;--green:#173b2b;--gold:#a58a55;--line:#ded6c8}
body{background:var(--bg);color:var(--text);transition:background .25s,color .25s}
header{position:sticky;top:0;min-height:78px;display:flex;justify-content:center;align-items:center;padding:12px 70px;border-bottom:1px solid var(--line)}
header .logo{position:absolute;left:50%;transform:translateX(-50%);top:13px;text-align:center;white-space:nowrap}
header nav{margin-right:auto;max-width:42%;justify-content:flex-start}
header nav a{white-space:nowrap}
.hero{text-align:center;grid-template-columns:1fr;max-width:900px;margin:0 auto;gap:20px}
.hero>div:first-child{display:flex;flex-direction:column;align-items:center}
.hero p{margin-left:auto;margin-right:auto}
.hero-card{max-width:680px;width:100%;margin:0 auto}
main{max-width:1150px}
footer{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;grid-template-columns:none;gap:16px}
footer>div,footer>p{margin:0 auto;text-align:center}
.social{justify-content:center}
.floating-actions{left:14px;top:50%;transform:translateY(-50%)}
.floating-actions a{font-size:0;transition:.2s}
.floating-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.floating-actions a.whatsapp svg{stroke-width:1.7}
.quick-menu{left:16px;right:auto;top:92px;bottom:auto}
.quick-menu>button{width:46px;height:46px;font-size:25px}
.quick-menu-panel{left:0;right:auto;top:56px;bottom:auto;width:min(300px,calc(100vw - 32px));max-height:78vh}
.settings-row{display:flex;gap:8px;padding:8px;border-top:1px solid var(--line);margin-top:6px}
.settings-row button{flex:1;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:8px;font:inherit;cursor:pointer}
.settings-row button:hover{border-color:var(--gold)}
.post-card{border:1px solid #d8ccb8;border-radius:22px;padding:0 0 20px;overflow:hidden;box-shadow:0 8px 26px rgba(23,59,43,.05);background:var(--surface);transition:.2s}
.post-card .post-body{padding:20px 22px 0}
.post-card .post-cover{display:block;width:100%;height:175px;object-fit:cover;background:#eee8dc}
.post-card .post-placeholder{height:175px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0eadf,#e4dbc9);color:#8d7a55;font-size:30px}
.post-card .read-more{padding:0 22px}
.hymen-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}
.method-link{display:block;background:var(--surface);border:1px solid #d8ccb8;border-radius:18px;padding:20px;transition:.2s}
.method-link:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 24px rgba(23,59,43,.07)}
.method-link h3{margin:0 0 8px;color:var(--green)}
.method-link p{margin:0;color:var(--muted);font-size:14px}
body.dark{--bg:#111914;--surface:#18231d;--text:#edf2ed;--muted:#b5c0b8;--green:#dbe8de;--gold:#c8ab6b;--line:#334238}
body.dark header{background:rgba(17,25,20,.96)}
body.dark .card,body.dark .hero-card,body.dark .home-about,body.dark .question-box,body.dark .article-content,body.dark .post-card,body.dark .method-link,body.dark .quick-menu-panel{background:var(--surface);border-color:var(--line)}
body.dark .floating-actions a{background:var(--surface);border-color:var(--line)}
body.dark .submenu{border-color:var(--line)}
@media(max-width:800px){header{padding:70px 16px 12px;min-height:126px}header .logo{top:14px}header nav{max-width:100%;width:100%;justify-content:center;margin:0;gap:9px}header nav a{font-size:12px}.quick-menu{top:14px;left:12px}.floating-actions{left:8px}.hymen-methods{grid-template-columns:1fr}}
@media(max-width:480px){header nav a:nth-child(n+5){display:none}.hero h1{font-size:30px}.post-card .post-cover,.post-card .post-placeholder{height:155px}}