body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root{--primary-bg:#181a20;--secondary-bg:#23242a;--accent:#00a8ff;--accent-hover:#00c0ff;--text-main:#f5f6fa;--text-muted:#b2b6c0;--card-bg:#23242a;--card-border:#31323a;--focus-outline:2px solid #00a8ff;--nav-grid-gap:2rem;--font-main:"Poppins","Segoe UI",Arial,sans-serif}.meccahub-landing,body{font-family:Poppins,Segoe UI,Arial,sans-serif;font-family:var(--font-main);margin:0;min-height:100vh}.dark-theme,.meccahub-landing,body{background:#181a20;background:var(--primary-bg);color:#f5f6fa;color:var(--text-main)}.age-modal{align-items:center;background:#181a20fa;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.age-modal-content{background:#23242a;background:var(--secondary-bg);border-radius:1.5rem;box-shadow:0 8px 32px #00000073;color:#f5f6fa;color:var(--text-main);max-width:90vw;padding:2.5rem 2rem;text-align:center;width:400px}.age-modal-content h2{font-size:2rem;font-weight:700;letter-spacing:.02em;margin-top:0}.age-modal-content p{color:#b2b6c0;color:var(--text-muted);margin:1.5rem 0}.age-accept-btn{background:#00a8ff;background:var(--accent);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;outline:none;padding:.75rem 2rem;transition:background .2s}.age-accept-btn:focus,.age-accept-btn:hover{background:#00c0ff;background:var(--accent-hover);outline:2px solid #00a8ff;outline:var(--focus-outline)}.hero{background:linear-gradient(120deg,#23242a 60%,#00a8ff);padding:4rem 1rem 2rem;text-align:center}.hero h1{font-size:2.8rem;font-weight:800;letter-spacing:.03em;margin-bottom:1rem}.hero p{color:#b2b6c0;color:var(--text-muted);font-size:1.3rem;margin:0 auto;max-width:600px}.nav-grid{margin:2.5rem auto 2rem;max-width:1100px;padding:0 1rem}.nav-grid ul{grid-gap:2rem;grid-gap:var(--nav-grid-gap);display:grid;gap:2rem;gap:var(--nav-grid-gap);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));list-style:none;margin:0;padding:0}.nav-grid li{background:#23242a;background:var(--card-bg);border:1px solid #31323a;border:1px solid var(--card-border);border-radius:1.2rem;box-shadow:0 4px 20px #00000033;padding:2rem 1rem 1.2rem;text-align:center;transition:border .2s,box-shadow .2s}.nav-grid a,.nav-grid li{align-items:center;display:flex;flex-direction:column}.nav-grid a{color:#f5f6fa;color:var(--text-main);outline:none;text-decoration:none}.nav-grid a:focus{outline:2px solid #00a8ff;outline:var(--focus-outline)}.nav-grid img{background:#181a20;border:2px solid #00a8ff;border:2px solid var(--accent);border-radius:50%;height:72px;margin-bottom:1rem;object-fit:contain;transition:border .2s;width:72px}.nav-grid a:focus img,.nav-grid a:hover img{border-color:#00c0ff;border-color:var(--accent-hover)}.nav-grid span{font-size:1.1rem;font-weight:600;letter-spacing:.01em;margin-top:.2rem}.platform-blurb{color:#b2b6c0;color:var(--text-muted);font-size:.98rem;line-height:1.5;margin-top:.7rem;min-height:48px;padding:0 .2rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.advertiser-cta,.blog-section,.footer,.hero{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) both}.nav-grid li{animation:zoomIn .7s cubic-bezier(.4,0,.2,1) both;animation-delay:.1s}.nav-grid li:nth-child(2){animation-delay:.15s}.nav-grid li:nth-child(3){animation-delay:.2s}.nav-grid li:nth-child(4){animation-delay:.25s}.nav-grid li:nth-child(5){animation-delay:.3s}.nav-grid li:nth-child(6){animation-delay:.35s}.nav-grid li:nth-child(7){animation-delay:.4s}.nav-grid li:nth-child(8){animation-delay:.45s}.nav-grid li:nth-child(9){animation-delay:.5s}.nav-grid li:nth-child(10){animation-delay:.55s}.blog-section{background:#23242a;background:var(--secondary-bg);border-radius:1.2rem;box-shadow:0 2px 12px #00000014;margin:2rem auto 0;max-width:900px;padding:2.5rem 1rem}.blog-section h2{font-size:1.6rem;font-weight:700;margin-bottom:1rem}.blog-placeholder{color:#b2b6c0;color:var(--text-muted);font-size:1.1rem}.advertiser-cta{background:linear-gradient(90deg,#23242a 60%,#181a20);border-radius:1.2rem;box-shadow:0 2px 12px #0000001a;margin:2.5rem auto 0;max-width:900px;padding:2.5rem 1rem;text-align:center}.advertiser-cta h2{font-size:1.4rem;font-weight:700;margin-bottom:.7rem}.advertiser-cta p{color:#b2b6c0;color:var(--text-muted);font-size:1.1rem}.advertiser-cta a{color:#00a8ff;color:var(--accent);font-weight:700;text-decoration:underline;transition:color .2s}.advertiser-cta a:focus,.advertiser-cta a:hover{color:#00c0ff;color:var(--accent-hover);outline:2px solid #00a8ff;outline:var(--focus-outline)}.footer{background:#181a20;border-top:1px solid #31323a;border-top:1px solid var(--card-border);color:#b2b6c0;color:var(--text-muted);margin-top:3rem;padding:2rem 1rem 1rem;text-align:center}.footer nav ul{display:flex;gap:2rem;justify-content:center;list-style:none;margin:0 0 1rem;padding:0}.footer nav a{color:#b2b6c0;color:var(--text-muted);font-size:1rem;text-decoration:none;transition:color .2s}.footer nav a:focus,.footer nav a:hover{color:#00a8ff;color:var(--accent);outline:2px solid #00a8ff;outline:var(--focus-outline)}.footer p{font-size:.95rem;margin:0}a:focus,button:focus{outline:2px solid #00a8ff;outline:var(--focus-outline);outline-offset:2px}@media (max-width:700px){.hero h1{font-size:2rem}.nav-grid ul{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.advertiser-cta,.blog-section{padding:1.5rem .5rem}.footer nav ul{gap:1rem}}.App,.App-header,.App-link,.App-logo{display:none!important}