@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;600;700;800&family=Marhey:wght@500;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#071b23;color:#edf8f4;font-family:Cairo,Tahoma;min-height:100vh;background-image:radial-gradient(#79c5a7 1px,transparent 1px),radial-gradient(#c8a84c 1px,transparent 1px);background-size:80px 80px,120px 120px;background-position:0 0,30px 40px}nav{height:62px;padding:0 max(18px,calc((100vw - 1300px)/2));display:flex;align-items:center;justify-content:space-between;background:#06171ecc;border-bottom:1px solid #86c7af26}nav a{color:#a7d7c5;text-decoration:none;font-size:11px}nav span{font-size:8px;letter-spacing:2px;color:#c9aa4f}header{width:min(1300px,calc(100% - 30px));margin:30px auto 8px;text-align:center}header small{color:#d3b75d}h1{font-family:Marhey;font-size:clamp(42px,7vw,76px);margin:7px 0}header p{color:#91b3ad}.search{width:min(500px,100%);margin:20px auto;display:flex;background:white;color:#19393b;border-radius:30px;padding:5px 14px}.search input{flex:1;border:0;outline:0;padding:10px}main{width:min(1300px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:1fr 350px;gap:18px;padding-bottom:55px}.galaxy{height:650px;border-radius:50%;position:relative;background:radial-gradient(circle,#17493f 0 15%,#0c2d31 15.5% 35%,transparent 35.5%),repeating-radial-gradient(circle,#8bcbb31a 0 1px,transparent 2px 95px);overflow:hidden;border:1px solid #80c2ab1e}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#178162,#0f5c49);display:grid;place-items:center;text-align:center;box-shadow:0 0 60px #39b88a52;z-index:3}.core span{font-family:Amiri;font-size:56px;color:#e3c76d}.core b{font-size:11px}.topic{position:absolute;width:112px;height:112px;border-radius:50%;border:1px solid #c8e8dd3f;background:#0c3032;color:white;padding:10px;display:grid;place-items:center;text-align:center;cursor:pointer;transition:.25s;box-shadow:0 0 22px #001}.topic b{font-size:11px}.topic small{font-size:7px;color:#b9d5cf}.topic:hover,.topic.active{transform:scale(1.12);background:#a98532;color:#fff}aside{background:#f3eee1;color:#183631;border-radius:24px;padding:23px;height:max-content;position:sticky;top:80px}.panel-title{font-family:Marhey;font-size:28px}.panel-desc{color:#667a75;font-size:11px;line-height:1.9}.ayah{background:#fffaf0;border-right:4px solid #168061;padding:14px;border-radius:12px;margin-top:10px;font-family:Amiri;font-size:20px;line-height:2}.ayah small{display:block;font-family:Cairo;font-size:8px;color:#71817d}@media(max-width:900px){main{grid-template-columns:1fr}.galaxy{height:580px}aside{position:static}}