:root{--gold:#D6A84F;--red:#C43A3A;--bg:#05070D;--bg2:#0B1220;--text:#F8F4EA;--muted:#C8C2B5}
.grha-embleme{position:relative;overflow:hidden;padding:140px 20px;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text)}
.container{max-width:1400px;margin:auto;position:relative;z-index:2}
.bg-left,.bg-right{position:absolute;border-radius:50%;filter:blur(80px)}
.bg-left{width:500px;height:500px;background:rgba(214,168,79,.15);left:-200px;top:-100px}
.bg-right{width:700px;height:700px;background:rgba(196,58,58,.08);right:-250px;bottom:-250px}
.radial{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(214,168,79,.08),transparent 60%)}
.flag-fade{position:absolute;inset:0}.flag-fade img{width:100%;height:100%;object-fit:cover;opacity:.06}
.embleme-wrap{display:flex;justify-content:center;margin-bottom:70px}
.embleme{width:100%;height:auto;filter:drop-shadow(0 0 35px rgba(214,168,79,.4));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.theme-label{display:inline-block;padding:8px 16px;border-radius:30px;background:rgba(214,168,79,.12);border:1px solid rgba(214,168,79,.35);color:var(--gold);font-weight:700;letter-spacing:2px;margin-bottom:18px}
.meaning{text-align:center;max-width:950px;margin:0 auto 80px}
.meaning h2{font-size:48px;color:var(--gold);margin:0 0 20px}
.meaning p{font-size:20px;color:var(--muted);line-height:1.9}
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.box{position:relative;padding:34px;border-radius:26px;background:rgba(255,255,255,.06);backdrop-filter:blur(20px);border:1px solid rgba(214,168,79,.2);transition:.45s;overflow:hidden}
.box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(214,168,79,.08),transparent 50%);opacity:0;transition:.4s}
.box:hover:before{opacity:1}
.box:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 80px rgba(214,168,79,.18)}
.icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:rgba(196,58,58,.12);border:1px solid rgba(196,58,58,.25);font-size:38px;margin-bottom:18px;box-shadow:0 10px 25px rgba(196,58,58,.15)}
.box h3{color:var(--gold);font-size:24px}.box p{color:var(--muted);line-height:1.8}
.placeholder{min-height:420px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(214,168,79,.4);border-radius:28px}
@media(max-width:1200px){.values{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.values{grid-template-columns:1fr}.meaning h2{font-size:34px}}