@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Marhey:wght@500;700&display=swap');:root{--ink:#102d29;--paper:#f5efe2;--gold:#c99b38;--jade:#176b59}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,Tahoma,sans-serif;min-height:100vh;overflow-x:hidden}.pattern{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(30deg,#176b5922 12%,transparent 12.5%,transparent 87%,#176b5922 87.5%),linear-gradient(150deg,#176b5922 12%,transparent 12.5%,transparent 87%,#176b5922 87.5%),linear-gradient(30deg,#176b5922 12%,transparent 12.5%,transparent 87%,#176b5922 87.5%),linear-gradient(150deg,#176b5922 12%,transparent 12.5%,transparent 87%,#176b5922 87.5%);background-size:84px 146px;background-position:0 0,0 0,42px 73px,42px 73px}main{width:min(1240px,calc(100% - 28px));margin:auto;padding:28px 0 20px;position:relative}header{min-height:260px;border-radius:32px;padding:34px 42px;background:linear-gradient(135deg,#0c2b27,#155447 65%,#1e715d);color:white;position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;box-shadow:0 28px 70px #173f3430}header:before,header:after{content:"";position:absolute;border:1px solid #e6c66c4d;border-radius:50%;width:360px;height:360px;left:-110px;top:-180px}header:after{width:210px;height:210px;left:-15px;top:-95px}.sigil{color:white;text-decoration:none;display:grid;place-items:center;width:100px;height:100px;border:1px solid #e9d59173;border-radius:50%;position:relative;z-index:1}.sigil b{font-size:22px}.sigil span{font-size:7px;letter-spacing:2px}.head-copy{position:relative;z-index:1}.head-copy p{margin:0;color:#e5d8b5;font-size:12px}.head-copy h1{font-family:Marhey,Cairo;font-size:clamp(35px,6vw,66px);line-height:1.35;margin:8px 0}.head-copy em{color:#e8c76b;font-style:normal}.compass{width:130px;height:130px;border-radius:50%;border:1px solid #e9d59180;display:grid;place-items:center;position:relative}.compass:before,.compass:after{content:"";position:absolute;background:#e9d59166}.compass:before{width:1px;height:160px}.compass:after{height:1px;width:160px}.compass span{font-size:38px;font-weight:800}.compass small{position:absolute;bottom:20px;font-size:8px}.museum{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}.piece{--c:#176b59;min-height:180px;border-radius:24px;background:#fff;color:var(--ink);text-decoration:none;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #173f3417;box-shadow:0 14px 35px #1c463916;transform:translateY(10px);opacity:0;animation:arrive .5s forwards;animation-delay:var(--delay);transition:.25s}.piece:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--c) 12%,transparent);left:-35px;top:-35px}.piece:hover{transform:translateY(-6px)!important;box-shadow:0 22px 50px #1c463929;border-color:color-mix(in srgb,var(--c) 38%,transparent)}.piece .num{font-size:9px;color:#82908a}.piece i{font-style:normal;font-size:38px;color:var(--c);margin:auto 0}.piece b{display:block;font-size:17px}.piece small{display:block;color:#7b8983;font-size:9px;margin-top:4px}.quran{--c:#167659}.e3jaz{--c:#a37b20}.fursan{--c:#2b76a9}.maarek{--c:#a94d32}.anbiyaa{--c:#527c43}.sahaba{--c:#2e8c94}.kholafaa{--c:#7250a2}.atlas{--c:#128b9a}.hadith{--c:#8b653d}.timeline{--c:#c15c3c}footer{display:flex;justify-content:space-between;align-items:center;padding:20px 4px;color:#71807a;font-size:10px}footer span{font-weight:800;letter-spacing:3px}@keyframes arrive{to{opacity:1;transform:none}}@media(max-width:950px){.museum{grid-template-columns:repeat(3,1fr)}header{grid-template-columns:auto 1fr}.compass{display:none}}@media(max-width:600px){main{width:min(100% - 18px,1240px)}header{grid-template-columns:1fr;padding:26px;min-height:300px}.sigil{width:72px;height:72px}.museum{grid-template-columns:1fr 1fr}.piece{min-height:155px;padding:16px}.piece i{font-size:30px}footer{display:block;text-align:center}}