:root{--bg-0: #0a0a23;--bg-1: #141438;--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .12);--text: #eef0ff;--text-dim: rgba(238, 240, 255, .72);--gold: #f5c451;--gold-2: #e0a52e;--lav: #b9a7ff;--header-bg: rgba(10, 10, 35, .66);--gold-btn-1: #f5c451;--gold-btn-2: #e0a52e;--select-bg: rgba(90, 62, 165, .32);--select-border: rgba(245, 196, 81, .5);--select-hover: rgba(90, 62, 165, .45);--option-bg: #17103a;--card-shadow: none;--radius: 20px;--maxw: 1080px}:root[data-theme=light]{--bg-0: #f3f0fc;--bg-1: #eef2fb;--surface: rgba(255, 255, 255, .68);--surface-2: rgba(30, 22, 80, .08);--border: rgba(30, 22, 80, .12);--text: #201a44;--text-dim: rgba(32, 26, 68, .68);--gold: #9b6a12;--gold-2: #7f560f;--lav: #6a4fd0;--header-bg: rgba(255, 255, 255, .82);--select-bg: rgba(106, 79, 208, .1);--select-border: rgba(106, 79, 208, .42);--select-hover: rgba(106, 79, 208, .18);--option-bg: #ffffff;--card-shadow: 0 8px 26px rgba(40, 28, 90, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Tajawal,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg-0);min-height:100vh;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}.section{padding-block:48px}.muted{color:var(--text-dim)}.center{text-align:center}h1,h2,h3{line-height:1.3;font-weight:800}h1{font-size:clamp(1.9rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3.5vw,2.1rem);margin-bottom:8px}h3{font-size:1.15rem}p{color:var(--text-dim)}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;gap:18px;padding-block:14px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem}.brand .logo{font-size:1.4rem}.nav-links{display:flex;gap:16px;margin-inline-start:auto;align-items:center}.nav-links a{color:var(--text-dim);font-weight:500;padding:6px 4px}.nav-links a:hover{color:var(--text)}.hamburger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:1.25rem;line-height:1;cursor:pointer}.hamburger:hover{background:var(--surface-2)}@media (max-width: 768px){.hamburger{display:inline-flex;margin-inline-start:auto}.nav-links{position:absolute;top:100%;inset-inline:0;margin:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--header-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:0 14px 34px #00000047;padding:8px 20px 16px;display:none}.nav-links.open{display:flex}.nav-links a:not(.btn){color:var(--text);padding:13px 4px;border-bottom:1px solid var(--border)}.nav-links .theme-toggle{align-self:flex-start;margin-top:8px}.nav-links .btn-primary{margin-top:10px;width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:700;font-family:inherit;font-size:1rem;cursor:pointer;border:1px solid transparent;transition:.18s}.btn-primary{background:linear-gradient(180deg,var(--gold-btn-1),var(--gold-btn-2));color:#241a00}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{padding:8px 16px;font-size:.92rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--card-shadow)}.hero{text-align:center;padding-block:56px 32px}.hero p.lead{font-size:1.15rem;max-width:640px;margin:14px auto 24px}.hero .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.sign-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;text-align:center;transition:.18s}.sign-card:hover{background:var(--surface-2);transform:translateY(-2px);border-color:#f5c45166}.sign-card .sym{font-size:2rem;color:var(--gold)}.sign-card .name{font-weight:700;margin-top:4px}.sign-card .dates{font-size:.8rem;color:var(--text-dim)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{padding:8px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--border);cursor:pointer;font-family:inherit;color:var(--text-dim);font-weight:600;font-size:.95rem}.tab[aria-selected=true]{background:linear-gradient(180deg,var(--gold-btn-1),var(--gold-btn-2));color:#241a00;border-color:transparent}.result-text{font-size:1.1rem;color:var(--text);min-height:60px}.pill{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--surface-2);font-size:.85rem;color:var(--lav)}.select{padding:12px 16px;border-radius:12px;background:var(--select-bg);color:var(--text);border:1px solid var(--select-border);font-family:inherit;font-size:1rem;width:100%;cursor:pointer;transition:border-color .18s,background .18s}.select:hover{background:var(--select-hover)}.select:focus{outline:none;border-color:var(--gold)}.select option{background:var(--option-bg);color:var(--text)}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.score-bar{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden}.score-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--lav),var(--gold))}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.facts3{grid-template-columns:repeat(3,1fr)}@media (max-width: 520px){.facts3{grid-template-columns:1fr}}.fact{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.fact .k{font-size:.82rem;color:var(--text-dim)}.fact .v{font-weight:700;margin-top:2px}.site-footer{border-top:1px solid var(--border);margin-top:40px;padding-block:28px}.site-footer .row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--text)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.grid-2{grid-template-columns:1fr}.brand{font-size:.95rem}}.disclaimer{font-size:.85rem;color:var(--text-dim);text-align:center;margin-top:28px}.prose{max-width:760px}.prose h2{margin:30px 0 10px}.prose h3{margin:24px 0 6px;color:var(--gold)}.prose p{margin-bottom:12px}.prose ul,.prose ol{margin:8px 22px 18px;color:var(--text-dim)}.prose li{margin-bottom:8px}.article-meta{color:var(--text-dim);font-size:.9rem;margin-bottom:18px}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.art-grid .card h3{color:var(--gold)}.cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(1100px 700px at 82% -8%,rgba(96,64,170,.4),transparent 62%),radial-gradient(900px 600px at 8% 8%,rgba(212,150,60,.12),transparent 60%),linear-gradient(160deg,#05051a,#0c0a2b 48%,#150a2f)}.stars{position:absolute;inset:0;background-repeat:repeat;will-change:opacity,background-position}.stars-sm{background-image:radial-gradient(1px 1px at 25px 15px,#fff,transparent),radial-gradient(1px 1px at 60px 90px,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 130px 40px,#fff,transparent),radial-gradient(1px 1px at 170px 120px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 95px 165px,#fff,transparent),radial-gradient(1px 1px at 205px 195px,rgba(255,255,255,.8),transparent);background-size:220px 220px;animation:twinkle 3.4s ease-in-out infinite alternate,drift-sm 90s linear infinite}.stars-md{background-image:radial-gradient(1.6px 1.6px at 50px 60px,#fff,transparent),radial-gradient(1.8px 1.8px at 185px 30px,rgba(245,196,81,.95),transparent),radial-gradient(1.8px 1.8px at 265px 150px,rgba(185,167,255,.95),transparent),radial-gradient(1.6px 1.6px at 120px 225px,#fff,transparent),radial-gradient(1.6px 1.6px at 305px 255px,#fff,transparent);background-size:340px 340px;animation:twinkle 5.2s ease-in-out infinite alternate,drift-md 130s linear infinite}.stars-lg{background-image:radial-gradient(2.4px 2.4px at 80px 120px,#fff,transparent),radial-gradient(2.2px 2.2px at 430px 320px,rgba(245,196,81,.85),transparent),radial-gradient(2.2px 2.2px at 540px 90px,#fff,transparent);background-size:620px 620px;animation:twinkle 6.8s ease-in-out infinite alternate,drift-lg 210s linear infinite}.aurora{position:absolute;inset:-25%;background:radial-gradient(45% 40% at 78% 14%,rgba(185,167,255,.3),transparent 70%),radial-gradient(42% 36% at 18% 24%,rgba(245,196,81,.14),transparent 70%),radial-gradient(52% 46% at 62% 104%,rgba(120,86,255,.22),transparent 70%);filter:blur(28px);animation:aurora 22s ease-in-out infinite alternate;will-change:transform,opacity}.shooting{position:absolute;top:0;left:76%;width:150px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff);filter:drop-shadow(0 0 7px rgba(255,255,255,.85));transform:rotate(214deg) translate(0);opacity:0;animation:shoot 9s ease-in infinite}.shooting-2{left:34%;width:110px;animation-duration:13s;animation-delay:5s}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}@keyframes drift-sm{to{background-position:0 -220px}}@keyframes drift-md{to{background-position:0 -340px}}@keyframes drift-lg{to{background-position:0 -620px}}@keyframes aurora{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.85}to{transform:translate3d(3%,2%,0) scale(1.09);opacity:1}}@keyframes shoot{0%{opacity:0;transform:rotate(214deg) translate(0)}10%{opacity:0}16%{opacity:1}30%{opacity:0;transform:rotate(214deg) translate(560px)}to{opacity:0;transform:rotate(214deg) translate(560px)}}@media (prefers-reduced-motion: reduce){.stars,.aurora,.shooting{animation:none}.shooting{display:none}}:root[data-theme=light] .cosmos{background:radial-gradient(1100px 700px at 82% -8%,rgba(150,120,230,.22),transparent 62%),radial-gradient(900px 600px at 8% 8%,rgba(245,196,81,.2),transparent 60%),linear-gradient(160deg,#f5f2fd,#eef3fb 52%,#fdf4ec)}:root[data-theme=light] .stars,:root[data-theme=light] .shooting{display:none}:root[data-theme=light] .aurora{opacity:.55;filter:blur(44px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:1.05rem;line-height:1;transition:background .18s,transform .18s}.theme-toggle:hover{background:var(--surface-2);transform:translateY(-1px)}.sign-art{display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.sign-art.float{animation:floaty 6s ease-in-out infinite}.sa-orbit{transform-origin:50px 50px;animation:sa-spin 10s linear infinite}.sign-card .sign-art{margin-inline:auto}@keyframes sa-spin{to{transform:rotate(360deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.zwheel{position:relative;width:min(90vw,500px);aspect-ratio:1;margin:6px auto 0}.zwheel-ring{position:absolute;inset:0;animation:zspin 120s linear infinite}.zwheel:hover .zwheel-ring,.zwheel:hover .zwheel-cell{animation-play-state:paused}.zwheel-item{position:absolute;top:50%;left:50%;width:96px;height:96px;margin:-48px;transform:rotate(calc(var(--i) * 30deg)) translateY(calc(min(45vw,250px)*-1)) rotate(calc(var(--i) * -30deg))}.zwheel-cell{display:flex;flex-direction:column;align-items:center;gap:3px;animation:zspin-rev 120s linear infinite;transition:transform .2s}.zwheel-item:hover .zwheel-cell{transform:scale(1.14)}.zwheel-name{font-size:.8rem;font-weight:700;color:var(--text);text-shadow:0 1px 6px rgba(0,0,0,.4)}.zwheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:33%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(6px);box-shadow:0 0 44px #9678e647}.zwheel-hub-glyph{font-size:clamp(1.6rem,6vw,2.4rem);color:var(--gold)}.zwheel-hub-label{font-size:.88rem}@keyframes zspin{to{transform:rotate(360deg)}}@keyframes zspin-rev{to{transform:rotate(-360deg)}}.eyebrow{display:inline-block;margin-bottom:12px;padding:5px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--lav);font-size:.82rem;font-weight:700;letter-spacing:.3px}.hero-title{font-size:clamp(2.2rem,6.5vw,3.6rem);line-height:1.15;font-weight:800;background:linear-gradient(100deg,var(--gold) 10%,var(--lav) 45%,var(--gold) 80%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}@keyframes shimmer{to{background-position:-220% center}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.zwheel-ring,.zwheel-cell,.sa-orbit,.sign-art.float,.hero-title,.feat-art svg{animation:none}.reveal{opacity:1;transform:none;transition:none}}.feat-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.feat-art{flex:none}.feat-art svg{width:clamp(110px,24vw,150px);height:auto;animation:floaty 6s ease-in-out infinite}.feat-meta{flex:1;min-width:220px;text-align:start}.feat-name{font-size:1.6rem}.feat-text{margin-top:16px;font-size:1.12rem;color:var(--text);min-height:60px}.feat-pick-label{font-size:.9rem;margin-bottom:10px}.feat-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.feat-chip{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:14px;padding:8px 6px 6px;cursor:pointer;color:var(--text-dim);font-family:inherit;font-weight:600;font-size:.78rem;transition:.18s}.feat-chip:hover{background:var(--surface);color:var(--text)}.feat-chip.active{background:var(--surface-2);color:var(--text);border-color:var(--select-border)}