@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Marhey:wght@500;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#071d29;color:#eef8f8;font-family:Cairo,Tahoma;min-height:100vh;background-image:radial-gradient(circle at 20% 20%,#1b5e6b55,transparent 30%),radial-gradient(circle at 80% 75%,#2b7b7650,transparent 28%)}nav{height:62px;padding:0 max(18px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9e3dc1b;background:#071822bf;backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}nav a{color:#b5d9d4;text-decoration:none;font-size:11px}header{width:min(1280px,calc(100% - 30px));margin:32px auto 10px;text-align:center}header small{color:#78c8bd}h1{font-family:Marhey;font-size:clamp(42px,7vw,76px);margin:8px 0;color:#fff}header p{max-width:780px;margin:auto;color:#a9c6c8;line-height:2}.search{width:min(540px,100%);margin:22px auto;background:#fff;border-radius:999px;padding:5px 14px;display:flex;align-items:center;color:#24515a}.search input{flex:1;border:0;outline:0;padding:11px;background:transparent}main{width:min(1280px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:1fr 320px;gap:20px;padding-bottom:50px}.orbit{height:660px;border:1px solid #b8e1d91c;border-radius:50%;position:relative;background:radial-gradient(circle,#153e48 0 18%,transparent 18.5%),repeating-radial-gradient(circle,#90c9c817 0 1px,transparent 2px 105px);overflow:hidden}.center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#e0b955,#8e6925);display:grid;place-items:center;text-align:center;box-shadow:0 0 45px #e8c05b40;z-index:3}.center span{font-size:42px}.center b{font-size:13px}.center small{font-size:8px}.star{position:absolute;width:104px;height:104px;border-radius:50%;border:1px solid #a7d4cd44;background:#10313b;color:white;padding:10px;display:grid;place-items:center;text-align:center;cursor:pointer;transition:.25s;box-shadow:0 8px 22px #00101888}.star:hover,.star.active{transform:scale(1.13);background:var(--c);box-shadow:0 0 30px color-mix(in srgb,var(--c) 60%,transparent)}.star b{font-size:11px}.star small{font-size:7px;color:#cce1df}aside{background:#f4f1e8;color:#17333a;border-radius:25px;padding:22px;min-height:500px}aside h2{font-family:Marhey;margin-top:0}.profile-name{font-family:Marhey;font-size:28px;margin:5px 0}.profile-title{color:#297a79;font-weight:700;font-size:12px}.profile-text{line-height:1.9;color:#64777a;font-size:12px}.meter{margin:10px 0}.meter span{display:block;font-size:9px}.meter i{display:block;height:6px;background:#d6dfdb;border-radius:9px;overflow:hidden}.meter i:after{content:"";display:block;width:var(--w);height:100%;background:#c59a3a}.legend{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.legend button{border:1px solid #2c737436;background:white;color:#2d6266;padding:7px 9px;border-radius:20px;font-size:8px}@media(max-width:900px){main{grid-template-columns:1fr}.orbit{height:580px}aside{min-height:auto}}@media(max-width:560px){.orbit{height:500px;border-radius:25px}.star{width:82px;height:82px}.center{width:120px;height:120px}}