/* SR-BUILD-MARKER-2026-07-07-v13-VISIBLE-GLOW — if this exact comment isn't visible when you view this file directly in a browser, the live server/CDN is still serving an OLD cached copy. */
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Noto+Serif+Bengali:wght@300;400;500;600;700&family=Cinzel+Decorative:wght@400;700;900&family=IM+Fell+English:ital@0;1&display=swap');
:root{
  --gold:#B8863D;--gl:#8B6914;--gp:#6B4423;--gd:#7A5A2E;
  --el:#3D7A5C;--mid:#FBF6EA;--nv:#F5EEDC;--pur:#F3E6DC;
  --cr:#3D3226;--nh:80px;--ease:cubic-bezier(.22,.68,0,1.2);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Noto Serif Bengali',serif;background:var(--mid);color:var(--cr);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}img{max-width:100%;display:block;}
button{border:none;cursor:pointer;font-family:inherit;}
/* CURSOR */
.cur{width:34px;height:34px;border-radius:50%;position:fixed;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .25s,height .25s,opacity .3s;background:radial-gradient(circle,rgba(232,201,122,.28) 0%,rgba(201,168,76,.12) 45%,transparent 75%);filter:blur(2px);mix-blend-mode:screen;}
.cur.h{width:56px;height:56px;background:radial-gradient(circle,rgba(232,201,122,.4) 0%,rgba(201,168,76,.16) 45%,transparent 75%);}
.cur-dot{width:4px;height:4px;background:var(--gl);border-radius:50%;position:fixed;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);box-shadow:0 0 6px 2px rgba(232,201,122,.8);}
.cur-sparkle{position:fixed;pointer-events:none;z-index:99998;border-radius:50%;background:#D4A855;box-shadow:0 0 6px 1px rgba(184,134,61,.7);animation:cursparkle .7s ease-out forwards;}
@keyframes cursparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3);}15%{opacity:1;}100%{opacity:0;transform:translate(-50%,-50%) scale(1) translateY(-14px);}}
/* BG — heavenly nature theme: clouds, petals, light wisps */
.cloud-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.cloud{position:absolute;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.85) 0%,rgba(255,253,247,.4) 55%,transparent 78%);filter:blur(6px);animation:clouddrift var(--cd,70s) linear infinite;}
@keyframes clouddrift{from{transform:translateX(-15vw);}to{transform:translateX(115vw);}}
.petal-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.petal{position:absolute;border-radius:60% 5% 60% 5%;opacity:0;animation:petalfall var(--pd,14s) ease-in infinite;}
@keyframes petalfall{0%{opacity:0;transform:translate(0,-5vh) rotate(0deg);}8%{opacity:.85;}92%{opacity:.7;}100%{opacity:0;transform:translate(var(--px,60px),108vh) rotate(var(--pr,340deg));}}
/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nh);padding:0 4rem;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(255,253,247,.98),transparent);border-bottom:1px solid rgba(201,168,76,.08);backdrop-filter:blur(14px);transition:all .4s;}
#nav.scrolled{background:rgba(255,253,247,.97);border-bottom-color:rgba(201,168,76,.28);box-shadow:0 4px 50px rgba(139,105,20,.15);}
.nav-logo{display:flex;align-items:center;gap:10px;}
.nl-ar{font-family:'Amiri',serif;font-size:1.9rem;color:var(--gl);line-height:1;text-shadow:0 0 20px rgba(201,168,76,.4);transition:text-shadow .3s;}
.nav-logo:hover .nl-ar{text-shadow:0 0 50px rgba(201,168,76,.9);}
.nl-en{display:flex;flex-direction:column;}
.nl-en span:first-child{font-family:'Cinzel Decorative',cursive;font-size:1.02rem;color:var(--gold);letter-spacing:.12em;}
.nl-en span:last-child{font-size:.72rem;color:rgba(139,105,20,.75);letter-spacing:.1em;}
.nav-links{display:flex;align-items:center;gap:1.4rem;list-style:none;}
.nav-links>li{position:relative;}
.nav-links a{font-size:1.02rem;color:rgba(61,50,38,.78);letter-spacing:.07em;transition:color .3s;padding:4px 0;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .35s;}
.nav-links a:hover,.nav-links a.active{color:var(--gl);}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);transform-origin:left;}
/* CLICK DROPDOWN */
.nav-drop .arr{font-size:.5rem;transition:transform .3s;display:inline-block;}
.nav-drop.open .arr{transform:rotate(180deg);}
.drop-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-8px);min-width:200px;padding:.6rem 0;background:rgba(255,253,247,.98);border:1px solid rgba(201,168,76,.22);backdrop-filter:blur(20px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;list-style:none;box-shadow:0 20px 60px rgba(139,105,20,.18);z-index:999;}
.drop-menu::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:rgba(201,168,76,.22);border-top:none;}
.nav-drop.open .drop-menu{opacity:1;pointer-events:all;visibility:visible;transform:translateX(-50%) translateY(0);}
.drop-menu li a{display:block;padding:.55rem 1.3rem;font-size:.89rem;color:rgba(61,50,38,.78);letter-spacing:.07em;transition:all .25s;border-left:2px solid transparent;}
.drop-menu li a::after{display:none;}
.drop-menu li a:hover{color:var(--gl);background:rgba(201,168,76,.07);border-left-color:var(--gold);padding-left:1.7rem;}
.nav-donate{padding:8px 18px!important;background:linear-gradient(135deg,var(--gd),var(--gold),var(--gl))!important;color:#FFFDF9!important;font-weight:700!important;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all .35s!important;}
.nav-donate:hover{transform:translateY(-2px)!important;box-shadow:0 12px 36px rgba(201,168,76,.45)!important;}
.nav-donate::after{display:none!important;}
.nav-tog{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.nav-tog span{display:block;width:24px;height:1.5px;background:var(--gold);transition:all .35s;}
.nav-tog.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-tog.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-tog.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.nav-mob{display:none;position:fixed;top:var(--nh);left:0;right:0;background:rgba(255,253,247,.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,168,76,.2);padding:1.5rem 2rem 2rem;z-index:999;flex-direction:column;gap:.1rem;transform:translateY(-110%);transition:transform .4s var(--ease);overflow-y:auto;max-height:calc(100vh - var(--nh));}
.nav-mob.open{transform:translateY(0);}
.nav-mob a{display:block;padding:.7rem 0;border-bottom:1px solid rgba(201,168,76,.07);font-size:1rem;color:rgba(61,50,38,.7);transition:color .3s,padding .3s;}
.nav-mob a:hover{color:var(--gl);padding-left:8px;}
.mob-sub{padding:.5rem 0 .5rem 1.2rem!important;font-size:1.06rem!important;color:rgba(139,105,20,.8)!important;border-bottom:1px solid rgba(201,168,76,.04)!important;}
.mob-sub:hover{color:var(--gl)!important;}
.mob-donate{margin-top:1rem;display:block;text-align:center;padding:12px;background:linear-gradient(135deg,var(--gd),var(--gold));color:#FFFDF9;font-weight:700;letter-spacing:.1em;border-bottom:none!important;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);}
/* PAGE HERO */
.page-hero{min-height:460px;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nh) + 70px) 2rem 70px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;top:0;left:50%;width:420px;max-width:60vw;height:85%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,247,224,.14) 0%,rgba(255,236,180,.05) 40%,transparent 75%);clip-path:polygon(46% 0%,54% 0%,80% 100%,20% 100%);mix-blend-mode:screen;pointer-events:none;z-index:0;animation:beampulse 6.5s ease-in-out infinite;}
.page-hero::after{content:'';position:absolute;top:14%;left:50%;width:340px;height:340px;max-width:70vw;max-height:70vw;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,236,180,.14);pointer-events:none;z-index:0;animation:haloglow 5s ease-in-out infinite;}
.ph-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(243,230,220,.55),rgba(255,253,247,1));pointer-events:none;}
.ph-mandala{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.07;pointer-events:none;animation:spin 60s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.ph-content{position:relative;z-index:2;}
.ph-eyebrow{display:inline-block;font-family:'Cinzel Decorative',cursive;font-size:.76rem;letter-spacing:.22em;color:var(--gl);border:1px solid rgba(139,105,20,.35);padding:5px 18px;margin-bottom:1.3rem;background:rgba(201,168,76,.06);}
.ph-ar{font-family:'Amiri',serif;font-size:2rem;color:var(--gl);margin-bottom:1.1rem;text-shadow:0 2px 20px rgba(139,105,20,.4);display:block;}
.page-hero h1{font-family:'Cinzel Decorative',cursive;font-size:clamp(2.1rem,5.2vw,3.9rem);margin-bottom:.7rem;letter-spacing:.06em;background:linear-gradient(120deg,var(--gp) 0%,var(--gl) 22%,#F5D98A 48%,#FFF8E7 52%,#D4A855 58%,var(--gl) 78%,var(--gp) 100%);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gtextshift 6s ease-in-out infinite;filter:drop-shadow(0 2px 18px rgba(139,105,20,.25));}
.ph-bn{font-size:clamp(1rem,2.5vw,1.4rem);color:rgba(61,50,38,.7);font-weight:300;display:block;margin-bottom:1.4rem;}
.ph-divider{width:80px;height:1px;background:linear-gradient(90deg,transparent,#C9A84C,transparent);margin:0 auto 1.4rem;}
.breadcrumb{display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:.86rem;color:rgba(139,105,20,.78);letter-spacing:.1em;flex-wrap:wrap;position:relative;z-index:2;}
.breadcrumb a:hover{color:var(--gold);}
.sep{color:rgba(139,105,20,.65);}
@media(max-width:640px){.page-hero{min-height:400px;}.page-hero::before{width:280px;}.page-hero::after{width:220px;height:220px;}}
/* SECTION */
section{position:relative;z-index:2;}
.wrap{max-width:1240px;margin:0 auto;padding:0 2rem;}
.sec-header{text-align:center;margin-bottom:4rem;}
.sec-ar{font-family:'Amiri',serif;font-size:1.6rem;color:var(--gold);letter-spacing:.15em;display:block;margin-bottom:.4rem;}
.orn{display:flex;align-items:center;gap:1rem;justify-content:center;margin:.8rem 0;}
.orn-l{flex:1;max-width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.5));}
.orn-r{flex:1;max-width:100px;height:1px;background:linear-gradient(90deg,rgba(201,168,76,.5),transparent);}
.orn-g{width:15px;height:15px;position:relative;flex-shrink:0;animation:ornspin 14s linear infinite;}
.orn-g::before,.orn-g::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--gold),var(--gl));box-shadow:0 0 12px rgba(201,168,76,.65);animation:ornpulse 3s ease-in-out infinite;}
.orn-g::after{transform:rotate(45deg);}
@keyframes ornspin{to{transform:rotate(360deg);}}
@keyframes ornpulse{0%,100%{opacity:.75;}50%{opacity:1;}}
.sec-title{font-family:'Cinzel Decorative',cursive;font-size:clamp(1.5rem,3.5vw,2.6rem);background:linear-gradient(135deg,var(--gp),var(--gl),#F5D98A,#FFF8E7,var(--gold),var(--gl),var(--gp));background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;margin-bottom:.5rem;animation:gtextshift 7s ease-in-out infinite;}
.gtext{background:linear-gradient(135deg,var(--gp),var(--gold),#FFF8E7,var(--gl),var(--gp));background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gtextshift 6s ease-in-out infinite;}
@keyframes gtextshift{0%,100%{background-position:0% center;}50%{background-position:100% center;}}
.sec-bn{font-size:clamp(1.1rem,2.2vw,1.7rem);color:var(--cr);font-weight:400;margin-bottom:.8rem;line-height:1.4;}
.sec-desc{color:rgba(61,50,38,.75);font-size:1.05rem;max-width:620px;margin:0 auto;line-height:2;font-weight:300;}
/* REVEAL */
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;}
.rv-l{opacity:0;transform:translateX(-30px);transition:opacity .8s ease,transform .8s ease;}
.rv-r{opacity:0;transform:translateX(30px);transition:opacity .8s ease,transform .8s ease;}
.rv-s{opacity:0;transform:scale(.95);transition:opacity .8s ease,transform .8s ease;}
.rv.vis,.rv-l.vis,.rv-r.vis,.rv-s.vis{opacity:1;transform:none;}
/* BUTTONS */
.btn-gold{display:inline-flex;align-items:center;gap:10px;padding:13px 40px;font-family:'Noto Serif Bengali',serif;font-size:1.05rem;font-weight:600;letter-spacing:.07em;background:linear-gradient(135deg,#8B6914,#C9A84C,#8B6914);color:#FFFDF9;text-shadow:0 1px 2px rgba(107,68,35,.3);clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);position:relative;overflow:hidden;transition:all .4s;cursor:pointer;}
.btn-gold::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#8B6914,#C9A84C,#8B6914);opacity:0;transition:opacity .35s;}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(201,168,76,.5);}
.btn-gold:hover::before{opacity:1;}
.btn-gold span{position:relative;z-index:1;}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:12px 38px;font-family:'Noto Serif Bengali',serif;font-size:1.05rem;letter-spacing:.07em;border:1px solid rgba(201,168,76,.45);color:var(--gl);background:rgba(201,168,76,.04);clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:all .4s;cursor:pointer;}
.btn-ghost:hover{background:rgba(201,168,76,.12);border-color:var(--gold);transform:translateY(-3px);box-shadow:0 14px 40px rgba(201,168,76,.2);}
/* SHARE */
.share-bar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(201,168,76,.1);}
.share-label{font-size:.82rem;color:rgba(139,105,20,.8);letter-spacing:.14em;font-family:'Cinzel Decorative',cursive;white-space:nowrap;}
.share-btns{display:flex;gap:.4rem;flex-wrap:wrap;}
.sh-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid rgba(201,168,76,.18);background:rgba(201,168,76,.04);color:rgba(61,50,38,.75);font-size:.82rem;letter-spacing:.06em;cursor:pointer;transition:all .3s;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);white-space:nowrap;}
.sh-btn:hover{transform:translateY(-2px);}
.sh-btn.fb{border-color:rgba(59,89,152,.4);background:rgba(59,89,152,.08);color:#3B5998;}
.sh-btn.fb:hover{background:rgba(59,89,152,.2);}
.sh-btn.tw{border-color:rgba(29,161,242,.4);background:rgba(29,161,242,.08);color:#1A8CD8;}
.sh-btn.tw:hover{background:rgba(29,161,242,.2);}
.sh-btn.wa{border-color:rgba(37,211,102,.4);background:rgba(37,211,102,.08);color:#1FA855;}
.sh-btn.wa:hover{background:rgba(37,211,102,.2);}
.sh-btn.tg{border-color:rgba(0,136,204,.4);background:rgba(0,136,204,.08);color:#0088CC;}
.sh-btn.tg:hover{background:rgba(0,136,204,.2);}
.sh-btn.cp{border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06);color:var(--gl);}
.sh-btn.cp:hover{background:rgba(201,168,76,.15);}
.sh-btn.em{border-color:rgba(61,50,38,.15);background:rgba(61,50,38,.04);}
.sh-btn.em:hover{background:rgba(61,50,38,.1);}
.share-toast{position:fixed;bottom:5rem;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(250,244,230,.96);border:1px solid rgba(201,168,76,.35);color:var(--gl);padding:.8rem 2rem;font-size:1.04rem;z-index:9999;opacity:0;transition:all .4s;pointer-events:none;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);white-space:nowrap;}
.share-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
/* FORM */
.form-g{margin-bottom:1rem;}
.form-g label{display:block;font-size:.84rem;color:rgba(139,105,20,.88);letter-spacing:.12em;margin-bottom:.4rem;}
.form-g input,.form-g select,.form-g textarea{width:100%;background:rgba(201,168,76,.03);border:1px solid rgba(201,168,76,.18);color:var(--cr);padding:11px 14px;font-family:'Noto Serif Bengali',serif;font-size:1.02rem;outline:none;transition:border-color .3s;-webkit-appearance:none;}
.form-g input:focus,.form-g select:focus,.form-g textarea:focus{border-color:rgba(201,168,76,.55);}
.form-g input::placeholder,.form-g textarea::placeholder{color:rgba(61,50,38,.2);}
.form-g select{background-color:#FFFDF9;cursor:pointer;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
/* SCROLL TOP */
#st{position:fixed;bottom:2rem;right:2rem;z-index:500;width:46px;height:46px;border:1px solid rgba(201,168,76,.35);background:rgba(255,253,247,.9);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.1rem;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all .35s;opacity:0;pointer-events:none;backdrop-filter:blur(10px);}
#st.show{opacity:1;pointer-events:all;}
#st:hover{background:rgba(201,168,76,.12);transform:translateY(-4px);}
/* FOOTER — distinct deeper warm-tan band so it reads as its own zone against the cream site */
#footer{position:relative;z-index:2;background:linear-gradient(160deg,#EDE0BF,#E3D2A8 45%,#EAD9B4,#E0CDA0);background-size:220% 220%;animation:ftgrad 16s ease-in-out infinite;border-top:2px solid rgba(139,105,20,.4);overflow:hidden;}
@keyframes ftgrad{0%,100%{background-position:0% 0%;}50%{background-position:100% 100%;}}
.ft-aurora{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,rgba(61,26,110,.07),transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(61,122,92,.05),transparent 50%);}
.ft-mandala{position:absolute;right:-140px;top:50%;transform:translateY(-50%);width:550px;height:550px;opacity:.025;pointer-events:none;animation:spin 90s linear infinite;}
.ft-mandala-l{position:absolute;left:-100px;top:50%;transform:translateY(-50%);width:420px;height:420px;opacity:.018;pointer-events:none;animation:spin 70s linear infinite reverse;}
.ft-top{padding:3rem 4rem 1.8rem;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:2.2rem;border-bottom:1px solid rgba(139,105,20,.22);}
.fb-ar{font-family:'Amiri',serif;font-size:2.5rem;color:var(--gp);display:block;margin-bottom:.3rem;text-shadow:0 2px 18px rgba(139,105,20,.35);}
.fb-en{font-family:'Cinzel Decorative',cursive;font-size:1rem;letter-spacing:.12em;display:block;margin-bottom:.4rem;background:linear-gradient(120deg,var(--gp),var(--gl),#FFF8E7,#D4A855,var(--gl),var(--gp));background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gtextshift 6s ease-in-out infinite;}
.fb-est{font-size:.74rem;color:var(--gl);letter-spacing:.14em;display:block;margin-bottom:.8rem;font-weight:600;}
.fb-p{font-size:1.02rem;color:#4A3B28;line-height:1.8;font-weight:400;max-width:280px;}
.fb-socs{display:flex;gap:10px;margin-top:1.1rem;}
.fb-soc{width:38px;height:38px;border:1px solid rgba(139,105,20,.4);background:rgba(255,253,247,.5);display:flex;align-items:center;justify-content:center;color:var(--gl);font-size:1.02rem;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);cursor:pointer;transition:all .3s;}
.fb-soc:hover{background:rgba(139,105,20,.15);border-color:var(--gl);color:var(--gp);transform:translateY(-4px);}
.ft-col h4{font-family:'Cinzel Decorative',cursive;font-size:.84rem;color:var(--gp);letter-spacing:.16em;margin-bottom:.9rem;display:flex;align-items:center;gap:8px;}
.ft-col h4::before{content:'';display:block;width:12px;height:1px;background:var(--gl);}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
.ft-col ul a{font-size:.92rem;color:#4A3B28;letter-spacing:.06em;transition:all .3s;display:inline-flex;align-items:center;gap:5px;}
.ft-col ul a::before{content:'›';color:var(--gl);transition:all .3s;}
.ft-col ul a:hover{color:var(--gp);padding-left:4px;}
.ft-col ul a:hover::before{color:var(--gp);}
.fci{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.9rem;}
.fci-icon{width:30px;height:30px;flex-shrink:0;border:1px solid rgba(139,105,20,.35);background:rgba(255,253,247,.45);display:flex;align-items:center;justify-content:center;font-size:.88rem;color:var(--gl);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);}
.fci-t strong{display:block;font-size:.74rem;color:var(--gl);letter-spacing:.12em;margin-bottom:.1rem;font-weight:700;}
.fci-t span,.fci-t a{font-size:.92rem;color:#4A3B28;transition:color .3s;}
.fci-t a:hover{color:var(--gp);}
.ft-mid{padding:1.1rem 4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(139,105,20,.18);flex-wrap:wrap;gap:1.2rem;}
.ft-nl{display:flex;gap:0;flex:1;max-width:420px;}
.ft-nl-in{flex:1;padding:11px 14px;background:rgba(255,253,247,.65);border:1px solid rgba(139,105,20,.35);border-right:none;color:var(--cr);font-size:1.02rem;font-family:'Noto Serif Bengali',serif;outline:none;}
.ft-nl-in:focus{border-color:var(--gl);}
.ft-nl-in::placeholder{color:rgba(61,50,38,.4);}
.ft-nl-btn{padding:11px 18px;background:linear-gradient(135deg,var(--gp),var(--gl),#F5D98A,#C9A84C,var(--gl),var(--gp));background-size:250% auto;animation:gtextshift 5s ease-in-out infinite;color:#FFFDF9;font-family:'Cinzel Decorative',cursive;font-size:.78rem;letter-spacing:.1em;cursor:pointer;border:none;transition:filter .3s;white-space:nowrap;}
.ft-nl-btn:hover{filter:brightness(1.15);}
.ft-badges{display:flex;gap:8px;flex-wrap:wrap;}
.ft-badge{padding:5px 12px;border:1px solid rgba(139,105,20,.4);font-size:.78rem;color:var(--gp);letter-spacing:.1em;background:rgba(255,253,247,.4);font-weight:600;}
.ft-aya{padding:.7rem 4rem;border-bottom:1px solid rgba(139,105,20,.18);text-align:center;}
.ft-aya p{font-family:'Amiri',serif;font-size:1.1rem;color:var(--gl);}
.ft-bot{padding:1rem 4rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.ft-copy{font-size:.84rem;color:#4A3B28;letter-spacing:.07em;line-height:1.9;}
.ft-copy a{color:var(--gl);transition:color .3s;font-weight:600;}
.ft-copy a:hover{color:var(--gp);}
.ft-logo-sm{font-family:'Amiri',serif;font-size:1.3rem;color:rgba(107,68,35,.55);}
.ft-policy{display:flex;gap:1.3rem;list-style:none;}
.ft-policy a{font-size:.84rem;color:#4A3B28;letter-spacing:.08em;transition:color .3s;}
.ft-policy a:hover{color:var(--gp);}
/* RESPONSIVE */
@media(max-width:1100px){#nav{padding:0 2rem;}.nav-links{gap:1.1rem;}.ft-top{grid-template-columns:1fr 1fr;padding:2.4rem 2rem 1.5rem;gap:1.8rem;}.ft-mid,.ft-aya,.ft-bot{padding-left:2rem;padding-right:2rem;}}
@media(max-width:768px){.nav-links{display:none;}.nav-tog{display:flex;}.nav-mob{display:flex;}.ft-top{grid-template-columns:1fr;padding:1.6rem 1.5rem 1.2rem;gap:1.3rem;}.ft-mid{flex-direction:column;padding:.9rem 1.5rem;}.ft-nl{max-width:100%;}.ft-bot{flex-direction:column;text-align:center;padding:1rem 1.5rem;}.ft-aya{padding:.6rem 1.5rem;}.form-row{grid-template-columns:1fr;}}

/* ============================================================
   HEAVENLY-LIGHT VFX EXPANSION — flip cards, carousel, god-rays,
   fireflies, glass panels, shimmer borders, nebula layers.
   All new class names are additive; nothing above is overridden.
   ============================================================ */
:root{
  --pearl:#FFFDF9;--divine:#D4A855;--halo:rgba(184,134,61,.4);
  --glass-bg:rgba(255,255,255,.6);--glass-bd:rgba(184,134,61,.22);
}
.godrays{position:absolute;inset:-20% -20% auto -20%;height:160%;pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:screen;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,236,180,.09) 8deg,transparent 20deg,transparent 100deg,rgba(201,168,76,.07) 112deg,transparent 130deg,transparent 220deg,rgba(255,236,180,.06) 232deg,transparent 250deg,transparent 340deg,rgba(201,168,76,.08) 352deg,transparent 360deg);
  animation:rayspin 90s linear infinite;}
@keyframes rayspin{to{transform:rotate(360deg);}}


/* MAJESTIC HERO — descending divine-light beam + radiant halo behind the invocation */
.hero-beam{position:absolute;top:0;left:50%;width:560px;max-width:70vw;height:78%;transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(255,247,224,.22) 0%,rgba(255,236,180,.09) 35%,transparent 75%);
  clip-path:polygon(47% 0%,53% 0%,78% 100%,22% 100%);mix-blend-mode:screen;pointer-events:none;z-index:0;
  animation:beampulse 6.5s ease-in-out infinite;}
@keyframes beampulse{0%,100%{opacity:.5;}50%{opacity:1;}}
.hero-halo{position:absolute;top:16%;left:50%;transform:translate(-50%,-50%);width:640px;height:640px;max-width:92vw;max-height:92vw;pointer-events:none;z-index:0;}
.hero-halo i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,236,180,.1);animation:haloglow 5s ease-in-out infinite;}
.hero-halo i:nth-child(2){inset:70px;border-color:rgba(255,236,180,.16);animation-delay:.6s;}
.hero-halo i:nth-child(3){inset:140px;border-color:rgba(255,236,180,.24);animation-delay:1.2s;}
@keyframes haloglow{0%,100%{opacity:.45;transform:scale(1);}50%{opacity:1;transform:scale(1.02);}}

/* ZIKR — heartbeat-like breathing pulse for the central remembrance circle */
.zikr-pulse{position:absolute;inset:-30px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(232,201,122,.18),transparent 70%);animation:zbeat 3.6s ease-in-out infinite;}
@keyframes zbeat{0%,100%{transform:scale(.92);opacity:.55;}22%{transform:scale(1.12);opacity:1;}38%{transform:scale(.98);opacity:.7;}55%{transform:scale(1.08);opacity:.9;}}

/* ABOUT — junction points on the orbit rings now pulse like distant stars */
.gd,.geo-dot{animation:gdpulse 3s ease-in-out infinite;}
@keyframes gdpulse{0%,100%{box-shadow:0 0 12px rgba(201,168,76,.8);opacity:1;}50%{box-shadow:0 0 22px rgba(201,168,76,1);opacity:.6;}}

/* BLOG — post body typography + filter buttons (shared by the dynamic blog template) */
.post-body h2{font-family:'Cinzel Decorative',cursive;font-size:1.4rem;background:linear-gradient(120deg,#6B4423,#8B6914,#FFF8E7,#D4A855,#8B6914,#6B4423);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gtextshift 6s ease-in-out infinite;margin:2.5rem 0 1rem;}
.post-body h3{font-family:'Noto Serif Bengali',serif;font-size:1.15rem;color:#6B4423;margin:2rem 0 .8rem;font-weight:600;}
.post-body p{color:rgba(61,50,38,.78);line-height:2.3;font-size:1.08rem;margin-bottom:1.2rem;font-weight:300;}
.post-body blockquote{border-left:3px solid #C9A84C;padding:1.2rem 1.5rem;background:rgba(201,168,76,.04);margin:2rem 0;}
.post-body blockquote .bq-ar{font-family:'Amiri',serif;font-size:1.6rem;color:#8B6914;direction:rtl;display:block;margin-bottom:.5rem;text-align:right;}
.post-body blockquote p{color:rgba(61,50,38,.75);font-style:italic;margin:0;font-size:1rem;}
.post-body blockquote cite{font-size:.86rem;color:rgba(139,105,20,.75);letter-spacing:.1em;display:block;margin-top:.4rem;}
.bf{padding:11px 26px;font-family:'Noto Serif Bengali',serif;font-size:1.04rem;letter-spacing:.08em;color:rgba(61,50,38,.68);background:transparent;border:1px solid rgba(201,168,76,.12);transition:all .3s;cursor:pointer;}
.bf:hover,.bf.active{color:#8B6914;background:rgba(201,168,76,.08);}
.bf.active{border-color:#C9A84C;}
/* LIVING SOLAR SYSTEM — the About-section orbit rings now carry real revolving planets */
.orbit-carrier{position:absolute;top:50%;left:50%;width:0;height:0;animation:gs var(--odur,20s) linear infinite;animation-direction:var(--odir,normal);}
.orbit-carrier .gd,.orbit-carrier .geo-dot{position:absolute;top:0;left:0;transform:translate(-50%,-50%) translateY(calc(-1 * var(--orad,100px)));}

/* SACRED SOLAR SYSTEM — reusable "الله surrounded by orbiting rings" component (About page + homepage preview) */
.geo{position:relative;width:400px;height:400px;margin:0 auto;}
.gr{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid;transform:translate(-50%,-50%);animation:gs var(--gs,30s) linear infinite;}
.gr:nth-child(odd){animation-direction:reverse;}
.gr:nth-child(1){width:380px;height:380px;border-color:rgba(139,105,20,.22);--gs:60s;}
.gr:nth-child(2){width:300px;height:300px;border-color:rgba(139,105,20,.35);--gs:40s;}
.gr:nth-child(3){width:220px;height:220px;border-color:rgba(139,105,20,.48);--gs:25s;}
.gr:nth-child(4){width:140px;height:140px;border-color:rgba(139,105,20,.62);--gs:15s;}
.gr:nth-child(5){width:70px;height:70px;border-color:rgba(139,105,20,.8);--gs:8s;}
@keyframes gs{to{transform:translate(-50%,-50%) rotate(360deg);}}
.gc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:50%;background:radial-gradient(circle,rgba(139,105,20,.32),rgba(139,105,20,.08));display:flex;align-items:center;justify-content:center;font-family:'Amiri',serif;font-size:1.8rem;color:#6B4423;text-shadow:0 0 26px rgba(139,105,20,.75);}
.gd{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#4A2F16,#8B6914 70%);border-radius:50%;box-shadow:0 0 14px 2px rgba(139,105,20,.9);}
.oc1{--orad:190px;}.oc2{--orad:150px;}.oc3{--orad:110px;}.oc4{--orad:70px;}.oc5{--orad:35px;}
@media(max-width:900px){.sil-grid{grid-template-columns:1fr!important;gap:2rem!important;}.sil-sidebar-col{position:static!important;top:auto!important;}}

/* ADMIN PANEL — mobile responsiveness (shared across every admin page) */
@media(max-width:768px){
  #admin-wrap{padding:80px 1.1rem 60px!important;}
  .admin-top{flex-direction:column;align-items:flex-start!important;gap:.8rem!important;}
  table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}
  .row2{grid-template-columns:1fr!important;}
  .menu-row{flex-wrap:wrap;}
  .menu-row form{flex-wrap:wrap;}
  .menu-row .lbl,.menu-row .url{width:100%!important;}
  .add-form{flex-direction:column;align-items:stretch!important;}
  .tabs{flex-wrap:wrap;}
  .media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;}
}

/* PUBLIC PAGES — additional mobile fixes for layouts that had no responsive handling */
@media(max-width:860px){.blog-3col,.split-2col{grid-template-columns:1fr!important;gap:2rem!important;}}
@media(max-width:520px){.form-row-2{grid-template-columns:1fr!important;}.amt-grid-3{grid-template-columns:1fr 1fr!important;}}
@media(max-width:640px){.geo{width:280px;height:280px;}.gr:nth-child(1){width:270px;height:270px;}.gr:nth-child(2){width:215px;height:215px;}.gr:nth-child(3){width:160px;height:160px;}.gr:nth-child(4){width:105px;height:105px;}.gr:nth-child(5){width:55px;height:55px;}.oc1{--orad:135px;}.oc2{--orad:107px;}.oc3{--orad:80px;}.oc4{--orad:52px;}.oc5{--orad:27px;}}
.glass-panel{position:relative;background:linear-gradient(130deg,rgba(255,255,255,.78),rgba(250,240,214,.6) 30%,rgba(255,253,247,.8) 55%,rgba(243,228,200,.55) 80%,rgba(255,255,255,.78));background-size:300% 300%;animation:cardgrad 12s ease-in-out infinite;border:1px solid var(--glass-bd);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 8px 44px rgba(139,105,20,.12),0 0 60px rgba(255,244,214,.35),inset 0 1px 0 rgba(255,255,255,.5);}
@keyframes cardgrad{0%,100%{background-position:0% 0%;}50%{background-position:100% 100%;}}
.shimmer-bd{position:relative;overflow:hidden;}
.shimmer-bd::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,244,214,.16),transparent);transform:skewX(-20deg);animation:shimmer 5s ease-in-out infinite;pointer-events:none;}
@keyframes shimmer{0%{left:-60%;}45%,100%{left:130%;}}
.nebula{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.8;
  background:radial-gradient(ellipse 60% 40% at 15% 0%,rgba(139,105,255,.10),transparent 60%),
             radial-gradient(ellipse 55% 45% at 85% 100%,rgba(74,155,122,.08),transparent 60%),
             radial-gradient(ellipse 40% 50% at 50% 50%,rgba(255,236,180,.05),transparent 70%);
  background-size:160% 160%;animation:nebuladrift 18s ease-in-out infinite;}
@keyframes nebuladrift{0%,100%{background-position:0% 0%;opacity:.7;}50%{background-position:100% 100%;opacity:1;}}
/* FACT-BOX — highlighted "lesser-known fact" callout for detail pages */
.fact-box{position:relative;margin:1.8rem 0;padding:1.6rem 1.8rem;border:1px solid rgba(232,201,122,.25);background:linear-gradient(135deg,rgba(201,168,76,.07),rgba(243,230,220,.2));}
.fact-box .fb-label{display:block;font-family:'Cinzel Decorative',cursive;font-size:.82rem;letter-spacing:.16em;color:var(--gold);margin-bottom:.7rem;}
.fact-box p{margin:0;}

.flip-outer{perspective:1600px;}
.flip-card{position:relative;width:100%;min-height:340px;transform-style:preserve-3d;transition:transform .95s var(--ease);cursor:pointer;}
.flip-outer:hover .flip-card,.flip-card.flipped{transform:rotateY(180deg);}
.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--glass-bd);padding:2.4rem 1.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--glass-bg);backdrop-filter:blur(14px);}
.flip-front{background:linear-gradient(160deg,rgba(255,244,214,.5),rgba(243,230,220,.7) 40%,rgba(255,253,247,.85) 70%,rgba(248,236,205,.6));background-size:280% 280%;animation:cardgrad 11s ease-in-out infinite;}
.flip-back{transform:rotateY(180deg);background:linear-gradient(160deg,rgba(61,122,92,.2),rgba(255,253,247,.92) 45%,rgba(214,238,225,.55),rgba(255,253,247,.9));background-size:280% 280%;animation:cardgrad 11s ease-in-out infinite;}
.flip-hint{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:.76rem;letter-spacing:.14em;color:rgba(139,105,20,.55);}
.flip-country{font-family:'Cinzel Decorative',cursive;font-size:.76rem;letter-spacing:.18em;color:var(--gold);margin-bottom:1rem;}
.flip-ar{font-family:'Amiri',serif;font-size:2.6rem;color:var(--gl);text-shadow:0 2px 14px rgba(139,105,20,.3);margin-bottom:.8rem;}
.flip-name{font-family:'Noto Serif Bengali',serif;font-size:1.15rem;color:var(--gp);font-weight:600;margin-bottom:.4rem;}
.flip-sub{font-family:'IM Fell English',serif;font-style:italic;font-size:1.02rem;color:rgba(139,105,20,.7);margin-bottom:1rem;}
.flip-fact-label{font-size:.74rem;letter-spacing:.2em;color:var(--el);margin-bottom:.7rem;}
.flip-fact{font-size:.97rem;color:rgba(61,50,38,.75);line-height:1.95;font-weight:300;}

.crsl{position:relative;overflow:hidden;}
.crsl-track{display:flex;transition:transform .7s cubic-bezier(.22,.68,0,1);will-change:transform;}
.crsl-slide{flex:0 0 100%;padding:0 .8rem;box-sizing:border-box;}
.crsl-nav{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:2rem;}
.crsl-arrow{width:42px;height:42px;border:1px solid var(--glass-bd);background:var(--glass-bg);color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;border-radius:50%;font-size:1rem;}
.crsl-arrow:hover{background:rgba(201,168,76,.14);border-color:var(--gold);box-shadow:0 0 20px rgba(201,168,76,.25);}
.crsl-dots{display:flex;gap:9px;}
.crsl-dot{width:8px;height:8px;border-radius:50%;background:rgba(201,168,76,.25);cursor:pointer;transition:all .35s;}
.crsl-dot.active{background:var(--gl);box-shadow:0 0 10px rgba(232,201,122,.7);width:24px;border-radius:5px;}
@media(min-width:860px){.crsl-slide{flex:0 0 25%;}}
@media(min-width:860px) and (max-width:1099px){.crsl-slide{flex:0 0 33.33%;}}
@media(max-width:600px){.flip-card{min-height:300px;}}


/* ============================================================
   SITE-WIDE HEAVENLY AMBIENCE — one soft, slowly-shifting light
   glow behind every page, plus abstract wing-of-light silhouettes
   that occasionally drift across the screen. Wings are drawn as
   soft translucent light shapes (not literal figures), in keeping
   with the Islamic artistic convention of not depicting sentient
   beings — the sense of an angelic presence, without a figure.
   ============================================================ */
.heaven-glow{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:1;
  background:
    radial-gradient(ellipse 70% 50% at 15% 10%,rgba(255,214,224,.55),transparent 62%),
    radial-gradient(ellipse 60% 45% at 85% 15%,rgba(255,236,180,.55),transparent 62%),
    radial-gradient(ellipse 65% 55% at 50% 95%,rgba(247,221,232,.5),transparent 65%),
    radial-gradient(ellipse 55% 45% at 90% 85%,rgba(214,236,225,.42),transparent 62%),
    radial-gradient(ellipse 50% 40% at 5% 80%,rgba(244,198,198,.4),transparent 60%);
  background-size:180% 180%,170% 170%,190% 190%,160% 160%,175% 175%;
  animation:heavendrift 22s ease-in-out infinite;}
@keyframes heavendrift{
  0%,100%{background-position:0% 0%,100% 0%,50% 100%,100% 100%,0% 100%;}
  50%{background-position:30% 40%,60% 30%,40% 70%,70% 60%,25% 60%;}
}

.celestial-layer{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.wing{position:absolute;opacity:0;filter:drop-shadow(0 0 26px rgba(255,214,224,.75)) drop-shadow(0 0 14px rgba(255,244,214,.6));animation:wingdrift var(--wdur,24s) ease-in-out forwards;}
.wing svg{display:block;width:100%;height:100%;}
@keyframes wingdrift{
  0%{opacity:0;transform:translate(var(--wx0,0),var(--wy0,0)) scale(.85) rotate(var(--wr0,-6deg));}
  8%{opacity:var(--wop,.5);}
  50%{transform:translate(var(--wx1,50vw),var(--wy1,-6vh)) scale(1) rotate(var(--wr1,4deg));}
  92%{opacity:var(--wop,.5);}
  100%{opacity:0;transform:translate(var(--wx2,100vw),var(--wy2,4vh)) scale(.9) rotate(var(--wr2,-3deg));}
}
@media(prefers-reduced-motion:reduce){.heaven-glow,.wing{animation:none;display:none;}}
