@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap");:root{--green:#0d6e3f;--green-mid:#15803d;--green-light:#22c55e;--green-pale:#dcfce7;--green-ultra:#f0fdf4;--gold:#c4870a;--gold-light:#f59e0b;--gold-pale:#fef3c7;--gold-ultra:#fffbeb;--cream:#faf8f3;--white:#ffffff;--text:#0f1a0f;--text-mid:#1a3a1a;--text-muted:#4a6741;--text-light:#7a9a76;--border:#d4e8ce;--border-mid:#b8d6b0;--surface:#ffffff;--surface2:#f5faf3;--surface3:#edf7e9;--shadow-sm:0 1px 3px rgba(13,110,63,0.06),0 1px 2px rgba(13,110,63,0.04);--shadow:0 4px 12px rgba(13,110,63,0.08),0 2px 4px rgba(13,110,63,0.04);--shadow-md:0 8px 24px rgba(13,110,63,0.10),0 4px 8px rgba(13,110,63,0.06);--shadow-lg:0 16px 40px rgba(13,110,63,0.12),0 8px 16px rgba(13,110,63,0.06);--shadow-gold:0 8px 24px rgba(196,135,10,0.20);--radius:14px;--radius-lg:22px;--radius-xl:32px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:Plus Jakarta Sans,Cairo,sans-serif;background:var(--cream);color:var(--text);line-height:1.65;min-height:100vh}[dir=rtl] body,[lang=ar] body{font-family:Cairo,Plus Jakarta Sans,sans-serif}.display{font-family:Cairo,sans-serif;font-weight:900;line-height:1.1;letter-spacing:-.02em}.chimp-logo{gap:10px}.btn,.chimp-logo{display:inline-flex;align-items:center;text-decoration:none}.btn{justify-content:center;gap:8px;font-family:Cairo,sans-serif;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .18s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;border-radius:var(--radius);padding:13px 26px}.btn-green{background:var(--green);color:white;box-shadow:0 4px 14px rgba(13,110,63,.3)}.btn-green:hover{background:var(--green-mid);transform:translateY(-2px);box-shadow:0 8px 20px rgba(13,110,63,.35)}.btn-green:active{transform:translateY(0)}.btn-gold{background:var(--gold);color:white;box-shadow:var(--shadow-gold)}.btn-gold:hover{background:#b07708;transform:translateY(-2px);box-shadow:0 12px 28px rgba(196,135,10,.3)}.btn-outline{background:transparent;color:var(--green);border:2px solid var(--green)}.btn-outline:hover{background:var(--green-pale);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-muted);padding:10px 16px}.btn-ghost:hover{background:var(--surface3);color:var(--green)}.btn-lg{padding:16px 36px;font-size:17px;border-radius:var(--radius-lg)}.btn-sm{padding:9px 18px;font-size:13px}.card{background:white;border-radius:var(--radius-lg)}.card-hover{transition:all .22s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.card-hover:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-lg);border-color:var(--green-light)}.game-card{background:white;border-radius:var(--radius-xl);overflow:hidden;border:1.5px solid var(--border);transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative}.game-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color,var(--green));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;font-family:Cairo,sans-serif}.badge-green{background:var(--green-pale);color:var(--green);border:1px solid rgba(13,110,63,.15)}.badge-gold{background:var(--gold-pale);color:var(--gold);border:1px solid rgba(196,135,10,.15)}.badge-buzz{background:#fff3e0;color:#e65100;border:1px solid rgba(230,81,0,.2)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:20px;height:20px;border:2.5px solid rgba(13,110,63,.15);border-top:2.5px solid var(--green);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3.5s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease forwards}.fade-up-1{animation:fadeUp .5s ease .1s both}.fade-up-2{animation:fadeUp .5s ease .2s both}.fade-up-3{animation:fadeUp .5s ease .3s both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,var(--green-pale) 25%,#fff 50%,var(--green-pale) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.pattern-dots{background-image:radial-gradient(circle,rgba(13,110,63,.08) 1px,transparent 0);background-size:20px 20px}.pattern-grid{background-image:linear-gradient(rgba(13,110,63,.04) 1px,transparent 0),linear-gradient(90deg,rgba(13,110,63,.04) 1px,transparent 0);background-size:32px 32px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--surface3)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green-light)}.input{width:100%;padding:13px 16px;border-radius:var(--radius);border:1.5px solid var(--border);background:white;font-size:15px;font-family:inherit;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(13,110,63,.1)}.section-label{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;letter-spacing:.5px}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}[data-theme=dark]{--green:#22c55e;--green-mid:#16a34a;--green-light:#4ade80;--green-pale:#052e16;--green-ultra:#071a0e;--gold:#f59e0b;--gold-light:#fbbf24;--gold-pale:#1c1002;--gold-ultra:#0f0a00;--cream:#0f1a0f;--white:#1a2e1a;--text:#e8f5e2;--text-mid:#c8e6c0;--text-muted:#86a87e;--text-light:#5a7a54;--border:#1e3a1e;--border-mid:#2a4a2a;--surface:#141f14;--surface2:#1a2e1a;--surface3:#1e3a1e;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow:0 4px 12px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.5);--shadow-lg:0 16px 40px rgba(0,0,0,0.6)}[data-theme=dark] body{background:#0f1a0f;color:#e8f5e2}[data-theme=dark] .card{background:#141f14;border-color:#1e3a1e}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#1a2e1a!important;color:#e8f5e2!important;border-color:#2a4a2a!important}:root{--site-hero-title:"عزِّز ثقافتك";--site-hero-sub:"٤ ألعاب مسابقات فريدة"}@keyframes game-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.game-card-anim{animation:game-card-in .4s ease both}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.45}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageFadeIn .35s ease both}.card:hover{box-shadow:var(--shadow-md)}a,button{transition:all .15s ease}.skeleton{background:var(--surface2);border-radius:var(--radius);animation:shimmer 1.4s ease infinite}.section-label{display:inline-block;padding:4px 16px;background:var(--green-pale);border:1px solid rgba(13,110,63,.2);border-radius:999px;font-family:Cairo,sans-serif;font-size:12px;font-weight:700;color:var(--green)}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}