.home-container{min-height:100vh;min-height:100dvh;width:100%;background-color:#020617;background-image:url(https://www.transparenttextures.com/patterns/stardust.png),radial-gradient(1200px 600px at 50% -200px,rgba(250,204,21,.16),transparent);background-size:320px 320px,auto;background-position:center,top;background-repeat:repeat,no-repeat;display:flex;justify-content:center;align-items:center;padding:1.4rem 1rem;box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f9fafb}.home-inner{width:100%;max-width:640px;display:flex;flex-direction:column;gap:1rem;align-items:stretch}.home-badge{align-self:center;padding:.25rem .7rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;background:#0f172ae6;border:1px solid rgba(148,163,184,.7);color:#e5e7eb}.home-banner{position:relative;text-align:center;padding:1.5rem 1.4rem;background:radial-gradient(circle at top left,#111827,#020617);border-radius:1.2rem;box-shadow:0 22px 60px #000c;border:1px solid rgba(250,204,21,.6);overflow:hidden}.home-glow-orbit{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 10% 0%,rgba(250,204,21,.18),transparent 55%);opacity:.8;pointer-events:none}.home-banner:before{content:"";background-image:url(/images/eid-mubarak.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.08;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-title,.home-subtitle,.home-kicker,.home-progress{position:relative;z-index:1}.home-kicker{display:block;margin-bottom:.45rem;color:#facc15;font-size:.72rem;font-weight:800;letter-spacing:.14em}.home-title{font-size:clamp(1.9rem,4vw,2.4rem);font-weight:700;margin-bottom:.5rem;color:#fef9c3;text-shadow:1px 1px 3px #000}.home-subtitle{font-size:.98rem;line-height:1.5;margin-bottom:0;color:#e5e7eb}.home-progress{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.home-progress span{padding:.35rem .65rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(250,204,21,.25);color:#cbd5e1;font-size:.75rem}.home-progress strong{color:#fde047}.home-meta{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.home-meta-item{flex:1 1 220px;max-width:280px;padding:.65rem .8rem;border-radius:.9rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.7)}.home-meta-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-bottom:.1rem}.home-meta-value{font-size:.86rem;color:#e5e7eb}.home-actions{margin-top:.4rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center}.start-button{padding:.7rem 1.6rem;font-size:.98rem;font-weight:600;background:linear-gradient(135deg,#facc15,#fbbf24);color:#111827;border:none;border-radius:999px;cursor:pointer;box-shadow:0 14px 30px #000000b3;transition:transform .18s ease-out,box-shadow .18s ease-out,filter .18s ease-out}.start-button span{margin-left:.5rem}.home-trust{margin:0;font-size:.72rem;color:#94a3b8}.home-quick-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.25rem}.home-quick-actions button{min-height:82px;border-radius:16px;border:1px solid rgba(148,163,184,.38);background:#0f172ae6;color:#f8fafc;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;text-align:left;padding:.75rem}.home-quick-actions button>span{grid-row:1 / 3;font-size:1.45rem}.home-quick-actions strong{font-size:.88rem;align-self:end}.home-quick-actions small{color:#94a3b8;align-self:start}.explore-button{width:min(100%,330px);min-height:46px;border:1px solid rgba(125,211,252,.72);border-radius:999px;background:linear-gradient(135deg,#1e40afc7,#0f172afa);color:#fef3c7;font-weight:700;cursor:pointer;padding:.68rem 1.25rem;box-shadow:0 10px 24px #00000080,inset 0 1px #ffffff14;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.explore-button span:first-child{margin-right:.3rem}.explore-button span:last-child{margin-left:.35rem}.explore-button:hover{transform:translateY(-1px);border-color:#fde047;box-shadow:0 14px 30px #000000a6,0 0 18px #38bdf826}.explore-button:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}.home-discovery-links{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.home-discovery-links button{border:0;background:transparent;color:#cbd5e1;text-decoration:underline;cursor:pointer;font-size:.78rem}.home-discovery-links span{color:#475569}.start-button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 18px 38px #000000d9}.home-helper-text{font-size:.8rem;color:#9ca3af}@media (max-width: 480px){.home-container{padding:1.2rem .9rem}.home-banner{padding:1.25rem 1.15rem}.home-meta-item{flex:1 1 100%;max-width:100%}.start-button{width:100%}.home-quick-actions{grid-template-columns:1fr}}.mode-selection-page{height:100vh;min-height:100dvh;width:100%;background-color:#020617;background-image:url(https://www.transparenttextures.com/patterns/stardust.png),radial-gradient(1200px 600px at 50% -200px,rgba(250,204,21,.16),transparent);background-size:320px 320px,auto;background-position:center,top;background-repeat:repeat,no-repeat;display:flex;justify-content:center;align-items:center;padding:1.4rem 1rem;box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.mode-selection-content{width:100%;max-width:520px;text-align:center;color:#f9fafb;padding:1.6rem 1.4rem 1.5rem;background:radial-gradient(circle at top left,#111827,#020617);border-radius:1.2rem;box-shadow:0 22px 60px #000000d9;border:1px solid rgba(250,204,21,.6);box-sizing:border-box;position:relative;overflow:hidden}.mode-selection-content:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 10% 0%,rgba(250,204,21,.18),transparent 55%);opacity:.8;pointer-events:none}.mode-selection-title{position:relative;z-index:1;font-size:clamp(1.8rem,3.5vw,2.2rem);font-weight:700;margin-bottom:.75rem;color:#facc15;text-shadow:1px 1px 3px #000}.mode-button{position:relative;z-index:1;display:block;width:100%;margin:.35rem auto;padding:.7rem 1rem;font-size:.95rem;font-weight:600;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease-out,box-shadow .16s ease-out,filter .16s ease-out,border-color .16s ease-out}.mode-button.learn,.mode-button.challenge,.mode-button.gamer,.mode-button{background:linear-gradient(135deg,#facc15,#fbbf24);color:#111827;border-color:#facc15;box-shadow:0 10px 24px #000000b3}.mode-button.daily-quiz{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#f9fafb;border-color:#60a5fa}.mode-button.daily-challenge{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-color:#a78bfa}.mode-button.easy{background:linear-gradient(135deg,#22c55e,#16a34a);color:#ecfdf5;border-color:#4ade80}.mode-button.medium{background:linear-gradient(135deg,#eab308,#ca8a04);color:#111827;border-color:#fde047}.mode-button.hard{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fef2f2;border-color:#fecaca}.difficulty-intro{position:relative;z-index:1;margin:0 0 .8rem;color:#cbd5e1;font-size:.9rem}.difficulty-choice{border-radius:16px;text-align:left;padding:.75rem 1rem}.difficulty-choice span,.difficulty-choice small{display:block}.difficulty-choice span{font-size:1rem;font-weight:800}.difficulty-choice small{margin-top:.15rem;font-size:.75rem;font-weight:600;opacity:.82}.mode-button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 14px 30px #000000d9}.coming-soon-text{position:relative;z-index:1;margin-top:.9rem;font-size:.85rem;color:#e5e7eb;background:#0f172ae6;border-radius:.9rem;padding:.5rem .7rem;border:1px dashed rgba(148,163,184,.7)}.back-home-button{position:relative;z-index:1;margin-top:1rem;padding:.6rem 1.3rem;background-color:transparent;color:#e5e7eb;border:1px solid rgba(148,163,184,.8);border-radius:999px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .16s ease,box-shadow .16s ease}.back-home-button:hover{background-color:#0f172af2;color:#facc15;transform:translateY(-1px);box-shadow:0 8px 22px #000000b3}.input-field{position:relative;z-index:1;display:block;margin:.5rem auto .75rem;padding:.6rem .9rem;font-size:.95rem;border-radius:.8rem;border:1px solid rgba(148,163,184,.9);width:80%;max-width:280px;text-align:center;background:#0f172af5;color:#f9fafb}@media (max-width: 480px){.mode-selection-page{padding:1.2rem .9rem}.mode-selection-content{padding:1.3rem 1.1rem 1.25rem;border-radius:1.1rem}.mode-button{font-size:.92rem}}.music-player{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));z-index:1100;box-sizing:border-box;color:#f8fafc;font-family:Poppins,system-ui,sans-serif}.music-player.expanded{width:min(260px,calc(100vw - 24px));padding:9px;border:1px solid rgba(250,204,21,.45);border-radius:14px;background:#081427f0;box-shadow:0 12px 32px #00000094;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.music-player-header{display:flex;align-items:center;gap:7px;padding:0 2px 7px 4px;color:#cbd5e1;font-size:.72rem;font-weight:700}.music-status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#64748b}.music-status-dot.playing{background:#4ade80;box-shadow:0 0 8px #4ade80cc;animation:music-pulse 1.4s ease-in-out infinite}.music-collapse-button{width:27px;height:24px;margin-left:auto;padding:0;border:1px solid rgba(148,163,184,.36);border-radius:7px;background:#0f172abf;color:#e2e8f0;font-size:1rem;line-height:1;cursor:pointer}.music-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.music-actions button{padding:7px 8px;border:1px solid #fde047;border-radius:8px;background:#facc15;color:#0a1440;font-size:.76rem;font-weight:800;cursor:pointer}.music-actions button:hover{background:#eab308}.music-expand-button{min-width:48px;min-height:48px;padding:5px 9px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(250,204,21,.58);border-radius:999px;color:#111827;background:linear-gradient(135deg,#fde047,#f59e0b);box-shadow:0 10px 28px #0000007a;font-weight:800;cursor:pointer}.music-expand-button>span:first-child{font-size:1.25rem}.music-expand-button.playing>span:first-child{animation:music-note 1.1s ease-in-out infinite}.music-collapsed-label{font-size:.7rem}.music-message{display:block;margin-top:6px;color:#fecaca;font-size:.64rem;line-height:1.35}.music-player button:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}@keyframes music-pulse{50%{opacity:.5}}@keyframes music-note{50%{transform:translateY(-2px) rotate(-8deg)}}@media (max-width: 480px){.music-player.expanded{width:min(232px,calc(100vw - 20px))}.music-player{bottom:max(9px,env(safe-area-inset-bottom));right:max(9px,env(safe-area-inset-right))}.music-collapsed-label{display:none}.music-expand-button{min-width:46px;padding:5px}}@media (prefers-reduced-motion: reduce){.music-status-dot.playing,.music-expand-button.playing>span:first-child{animation:none}}