@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--bg-subtle:#f1f5f9;--border-color:#e2e8f0;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-white:#fff;--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-secondary:#06b6d4;--brand-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);--accent-fire:#f97316;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:9999px;--header-height:124px;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .22s cubic-bezier(.16, 1, .3, 1)}body.dark-theme,.prototype-root.dark-theme,.dark-theme{--bg-primary:#090d16;--bg-surface:#111827;--bg-surface-hover:#1f2937;--bg-subtle:#1e293b;--border-color:#1f2937;--border-focus:#6366f1;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 20px 25px -5px #000000b3}.prototype-root{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:15px;transition:background-color .3s,color .3s;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:15px}body{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.dev-toolbar{z-index:9999;color:#e2e8f0;background:#0f172a;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:48px;padding:0 1.25rem;font-size:.85rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000004d}.dev-toolbar-brand{align-items:center;gap:.5rem;display:flex}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseLive;box-shadow:0 0 10px #10b981}@keyframes pulseLive{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}.dev-toolbar-brand .badge{color:#a5b4fc;border-radius:var(--radius-pill);background:#6366f133;border:1px solid #6366f14d;padding:2px 8px;font-size:.7rem;font-weight:600}.viewport-presets{align-items:center;gap:.35rem;display:flex}.vp-btn{color:#94a3b8;transition:var(--transition-smooth);border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:500;display:flex}.vp-btn:hover{color:#fff;background:#ffffff14}.vp-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 6px #4f46e566}.dev-toolbar-actions .theme-toggle{color:#e2e8f0;width:32px;height:32px;transition:var(--transition-smooth);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.dev-toolbar-actions .theme-toggle:hover{background:#fff3;transform:rotate(15deg)}.viewport-wrapper{background:var(--bg-primary);flex:1;justify-content:center;width:100%;transition:all .3s;display:flex}.prototype-frame{background:var(--bg-primary);flex-direction:column;width:100%;min-height:100vh;transition:width .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex}.viewport-wrapper.mode-desktop{background:#1e293b;padding:24px 0}.viewport-wrapper.mode-desktop .prototype-frame{border-radius:var(--radius-lg);max-width:1280px;box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff1a;overflow:hidden}.viewport-wrapper.mode-tablet{background:#1e293b;padding:30px 0}.viewport-wrapper.mode-tablet .prototype-frame{border-radius:var(--radius-xl);max-width:768px;box-shadow:var(--shadow-xl), 0 0 0 10px #0f172a, 0 0 0 11px #ffffff1a;overflow:hidden}.viewport-wrapper.mode-mobile{background:#1e293b;padding:30px 0}.viewport-wrapper.mode-mobile .prototype-frame{max-width:390px;box-shadow:var(--shadow-xl), 0 0 0 12px #0f172a, 0 0 0 14px #ffffff26;border-radius:36px;overflow:hidden}.navbar{z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:1.5rem;padding:.85rem 1.75rem;display:flex}.nav-left{align-items:center;gap:1rem;display:flex}.logo{letter-spacing:-.5px;color:var(--text-primary);align-items:center;gap:.65rem;font-size:1.35rem;font-weight:800;display:flex}.logo-icon{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;display:flex;box-shadow:0 4px 10px #4f46e559}.logo-text span{color:var(--brand-primary)}.nav-menu{align-items:center;gap:.25rem;margin-left:.5rem;margin-right:.5rem;display:flex}.nav-menu-link{border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;align-items:center;gap:.45rem;padding:.5rem .85rem;font-family:inherit;font-size:.88rem;font-weight:700;display:inline-flex}.nav-menu-link:hover{background:var(--bg-subtle);color:var(--brand-primary);transform:translateY(-1px)}.nav-menu-link.active{color:var(--brand-primary);background:#4f46e51a;border-color:#4f46e533}.nav-search-wrapper{flex:0 300px;max-width:300px}.search-input-box{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-pill);height:38px;transition:var(--transition-smooth);cursor:text;align-items:center;padding:0 .85rem;display:flex;position:relative}.search-input-box:focus-within,.search-input-box:hover{background:var(--bg-surface);border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f46e51f}.search-icon{color:var(--text-muted);flex-shrink:0;margin-right:.5rem;font-size:.85rem}.search-input-box input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.84rem}.search-shortcut{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.68rem;font-weight:600}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-action-btn{border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--bg-subtle);transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.55rem .95rem;font-size:.88rem;font-weight:600;display:flex}.nav-action-btn:hover{background:var(--bg-surface-hover);color:var(--brand-primary);transform:translateY(-1px)}.favorites-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;position:relative}.favorites-btn:hover{background:var(--bg-surface-hover);color:var(--accent-rose)}.favorites-btn:hover i,.favorites-btn:hover svg{color:var(--accent-rose)}.favorites-btn .count-badge{border-radius:var(--radius-pill);background:var(--accent-rose);color:#fff;border:2px solid var(--bg-surface);justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.65rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-3px;right:-3px}.theme-toggle-nav-btn{border-radius:50%;flex-shrink:0;justify-content:center;width:38px;height:38px;padding:0}.nav-action-btn.mobile-search-btn,.nav-action-btn.mobile-menu-toggle,.mobile-search-btn,.mobile-menu-toggle{background:var(--bg-subtle);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.nav-action-btn.mobile-search-btn:hover,.nav-action-btn.mobile-menu-toggle:hover,.mobile-search-btn:hover,.mobile-menu-toggle:hover{background:var(--bg-surface-hover);border-color:var(--brand-primary);color:var(--brand-primary)}.login-btn{border-radius:var(--radius-pill);background:var(--brand-primary);color:#fff;transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 12px #4f46e540}.login-btn:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.categories-bar-wrapper{background:var(--bg-surface);border-top:1px solid var(--border-color);scrollbar-width:none;padding:.5rem 1.75rem;overflow-x:auto}.categories-bar-wrapper::-webkit-scrollbar{display:none}.categories-bar{align-items:center;gap:.5rem;min-width:max-content;display:flex}.cat-pill{border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-secondary);white-space:nowrap;transition:var(--transition-smooth);border:1px solid #0000;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.84rem;font-weight:600;display:flex}.cat-pill i{color:var(--text-muted);font-size:.88rem;transition:color .2s}.cat-pill:hover{background:var(--bg-surface-hover);color:var(--brand-primary);border-color:var(--border-color);transform:translateY(-1px)}.cat-pill:hover i{color:var(--brand-primary)}.cat-pill.active{background:var(--brand-primary);color:#fff;box-shadow:0 3px 10px #4f46e540}.cat-pill.active i{color:#fff}.cat-pill.more-cats-btn{border:1px dashed var(--border-color);background:0 0}.cat-pill.more-cats-btn .chevron{font-size:.7rem}.main-content{flex-direction:column;flex:1;gap:2.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.75rem 1.75rem 3rem;display:flex}.hero-section{grid-template-columns:1.85fr 1fr;gap:1.25rem;min-height:410px;display:grid}.hero-featured{border-radius:var(--radius-xl);cursor:pointer;background:#090e1a;border:1px solid #ffffff1f;align-items:center;min-height:410px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #0f172a38}.hero-featured:hover{transform:translateY(-2px);box-shadow:0 22px 48px #0f172a52}.hero-backdrop{filter:blur(40px)brightness(.2)saturate(1.8);pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:-25px;transform:scale(1.12)}.hero-artwork-stage{z-index:1;pointer-events:none;width:58%;height:100%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.hero-artwork-img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000004d 14%,#000 45%);mask-image:linear-gradient(90deg,#0000 0%,#0000004d 14%,#000 45%)}.hero-featured:hover .hero-artwork-img{transform:scale(1.04)}.hero-artwork-gradient{pointer-events:none;background:linear-gradient(90deg,#090e1a 0% 12%,#090e1ad9 36%,#090e1a26 70%,#0000 100%),linear-gradient(#0000 65%,#090e1a99 100%);position:absolute;inset:0}.hero-content{z-index:2;width:100%;max-width:550px;padding:2.75rem 2.5rem;position:relative}.hero-tags{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.95rem;display:flex}.hero-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:4px 11px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-fire{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ef4444 100%);box-shadow:0 2px 10px #f9731666}.badge-cat{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e}.badge-instant{color:#60a5fa;background:#0866f540;border:1px solid #0866f566}.hero-title{color:#fff;letter-spacing:-.025em;text-shadow:0 2px 12px #000000b3;margin-bottom:.85rem;font-size:2.5rem;font-weight:900;line-height:1.12}.hero-desc{color:#e2e8f0e6;text-shadow:0 1px 4px #000c;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:480px;margin-bottom:1.75rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.hero-meta{align-items:center;gap:.5rem;display:flex}.hero-meta-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f172aa6;border:1px solid #ffffff29;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.btn{border-radius:var(--radius-pill);transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.92rem;font-weight:600;display:inline-flex}.btn-lg{padding:.85rem 1.75rem;font-size:1rem}.btn-primary{color:#0f172a;background:#fff;box-shadow:0 4px 14px #00000040}.btn-primary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.hero-fav-btn{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff2e;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0003}.hero-fav-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)scale(1.08)}.hero-fav-btn.active-fav{color:#f43f5e;background:#fff;border-color:#fff;box-shadow:0 4px 18px #f43f5e73}.hero-fav-btn.active-fav:hover{background:#fff;transform:translateY(-2px)scale(1.1)}.btn-secondary.active-fav{color:#fff;background:#f43f5e40;border:1px solid #f43f5e99;box-shadow:0 0 16px #f43f5e4d}.btn-secondary.active-fav:hover{background:#f43f5e59;border-color:#f43f5ecc;transform:translateY(-2px)}.btn-outline{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-subtle);border-color:var(--brand-primary);color:var(--brand-primary)}.hero-meta{color:#ffffffe6;align-items:center;gap:1rem;font-size:.85rem;font-weight:600;display:flex}.text-amber{color:#fbbf24}.hero-side-picks{grid-template-rows:1fr 1fr;gap:1.25rem;display:grid}.side-card{border-radius:var(--radius-xl);cursor:pointer;background:#090e1a;border:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;padding:1.15rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.side-card:hover{border-color:#0866f566;transform:translateY(-4px);box-shadow:0 16px 36px #0f172a40}.side-card-bg-img{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.side-card:hover .side-card-bg-img{transform:scale(1.06)}.side-card-gradient{z-index:1;pointer-events:none;background:linear-gradient(#0b0f1933 0%,#0b0f1973 45%,#090e1aeb 85%,#090e1afa 100%);position:absolute;inset:0}.side-card-top-bar{z-index:2;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.mini-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;color:#fff;align-items:center;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #0000004d}.popular-badge{background:linear-gradient(135deg,#0866f5 0%,#0284c7 100%)}.mini-badge.new-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.card-favorite-btn{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;z-index:5;background:#0f172aa6;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000040}.card-favorite-btn:hover{background:#0f172ae0;border-color:#f43f5e99;transform:scale(1.12)}.card-favorite-btn.active{background:#fff;border-color:#fff;transform:scale(1.05);box-shadow:0 3px 12px #f43f5e73}.side-card-bottom{z-index:2;flex-direction:column;gap:.35rem;display:flex;position:relative}.side-card-title{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 4px #000000b3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:800;line-height:1.28;transition:color .2s;overflow:hidden}.side-card:hover .side-card-title{color:#60a5fa}.side-card-meta-bar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.side-card-category-pill{color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff26;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.side-card-rating-pill{color:#fff;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.25rem;padding:2px 7px;font-size:.75rem;font-weight:800;display:inline-flex}.section-block{flex-direction:column;gap:1.25rem;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.section-title-wrap{align-items:center;gap:.85rem;display:flex}.section-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.fire-icon{color:var(--accent-fire);background:#f973161f}.section-title{letter-spacing:-.3px;color:var(--text-primary);font-size:1.45rem;font-weight:800}.section-subtitle{color:var(--text-muted);font-size:.88rem}.section-link{color:var(--brand-primary);align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;transition:gap .2s;display:flex}.section-link:hover{gap:.65rem}.section-header-filters{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;display:flex}.filter-controls{align-items:center;gap:.75rem;display:flex}.category-filter-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-2xs);white-space:nowrap;outline:none;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .85rem;font-family:inherit;font-size:.86rem;font-weight:600;display:inline-flex}.category-filter-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #4f46e51a}.category-filter-btn:hover .category-btn-chevron{color:var(--brand-primary)}.category-filter-btn.has-filter{border-color:var(--brand-primary);color:var(--brand-primary);background:#4f46e514}.category-clear-icon{width:18px;height:18px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.category-clear-icon:hover{color:#ef4444;background:#ef44441f}.sort-select-wrapper{align-items:center;display:flex;position:relative}.select-icon{color:var(--text-muted);pointer-events:none;font-size:.85rem;position:absolute;left:12px}.styled-select{appearance:none;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);outline:none;padding:.5rem 2rem .5rem 2.2rem;font-family:inherit;font-size:.86rem;font-weight:600}.styled-select:focus,.styled-select:hover{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f46e51a}.view-mode-toggle{background:var(--bg-subtle);border-radius:var(--radius-pill);border:1px solid var(--border-color);flex-shrink:0;align-items:center;height:40px;padding:3px;display:inline-flex}.view-btn{border-radius:var(--radius-pill);width:34px;height:32px;color:var(--text-muted);transition:var(--transition-smooth);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.85rem;display:inline-flex}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-surface);color:var(--brand-primary);box-shadow:0 1px 3px #00000014}.games-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem;display:grid}.slider-controls{align-items:center;gap:.5rem;display:flex}.slider-arrow-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.slider-arrow-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:scale(1.08);box-shadow:0 4px 14px #4f46e54d}.slider-arrow-btn:active{transform:scale(.94)}.trending-slider{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:1.25rem;margin-top:-6px;padding:8px 2px 14px;display:flex;overflow-x:auto}.trending-slider::-webkit-scrollbar{display:none}.trending-slider .game-card{flex:0 0 calc(25% - .95rem);min-width:220px}@media (width<=1024px){.trending-slider .game-card{flex:0 0 calc(33.333% - .85rem);min-width:200px}}@media (width<=768px){.trending-slider .game-card{flex:0 0 calc(50% - .65rem);min-width:180px}}@media (width<=480px){.trending-slider .game-card{flex:0 0 78%;min-width:160px}}.trending-grid{grid-template-columns:repeat(4,1fr)}.game-card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s;display:flex;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-xl);border-color:#4f46e54d;transform:translateY(-6px)}.game-thumbnail-wrap{aspect-ratio:4/3;background:#1e293b;width:100%;position:relative;overflow:hidden}.game-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .4s}.game-card:hover .game-thumbnail{transform:scale(1.08)}.game-play-overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.game-card:hover .game-play-overlay{opacity:1}.play-bubble{background:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.8);box-shadow:0 4px 15px #4f46e580}.game-card:hover .play-bubble{transform:scale(1)}.card-favorite-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;transition:var(--transition-smooth);z-index:5;background:#0f172aa6;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:10px;right:10px}.card-favorite-btn:hover{color:var(--accent-rose);background:#fff;transform:scale(1.15)}.card-favorite-btn.active{color:var(--accent-rose);background:#fff}.card-badge{border-radius:var(--radius-pill);text-transform:uppercase;z-index:5;color:#fff;padding:3px 8px;font-size:.68rem;font-weight:700;position:absolute;top:10px;left:10px}.badge-trend{background:var(--accent-fire)}.badge-hot{background:var(--brand-primary)}.game-info{flex-direction:column;flex:1;gap:.35rem;padding:.95rem;display:flex}.game-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.game-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.game-category-tag{background:var(--bg-subtle);border-radius:var(--radius-pill);color:var(--text-secondary);padding:2px 8px;font-size:.72rem;font-weight:600}.game-rating{color:var(--text-secondary);align-items:center;gap:4px;font-weight:600;display:flex}.games-grid.view-compact,.catalog-grid.view-compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.games-grid.view-compact .game-info,.catalog-grid.view-compact .game-info{padding:.65rem}.games-grid.view-compact .game-title,.catalog-grid.view-compact .game-title{font-size:.88rem}.games-grid.view-list,.catalog-grid.view-list{grid-template-columns:1fr;gap:.85rem}.games-grid.view-list .game-card,.catalog-grid.view-list .game-card{border-radius:var(--radius-lg);flex-direction:row;align-items:center;gap:1.25rem;padding:.65rem 1.25rem .65rem .65rem}.games-grid.view-list .game-thumbnail-wrap,.catalog-grid.view-list .game-thumbnail-wrap{aspect-ratio:16/9;border-radius:var(--radius-md);width:150px;min-width:150px}.games-grid.view-list .game-info,.catalog-grid.view-list .game-info{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:1.5rem;padding:0}.games-grid.view-list .game-info-main,.catalog-grid.view-list .game-info-main{flex-direction:column;gap:.35rem;min-width:0;display:flex}.games-grid.view-list .game-title,.catalog-grid.view-list .game-title{font-size:1.05rem}.games-grid.view-list .game-meta,.catalog-grid.view-list .game-meta{justify-content:flex-start;gap:1rem}.game-list-action{display:none}.games-grid.view-list .game-list-action,.catalog-grid.view-list .game-list-action{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.game-list-play-btn{border-radius:var(--radius-pill);color:#fff;transition:var(--transition-smooth);cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);align-items:center;gap:.45rem;padding:.55rem 1.25rem;font-size:.84rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #4f46e540}.game-list-play-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.load-more-wrapper{justify-content:center;margin-top:1.5rem;display:flex}.catalogue-hero{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#4f46e51f 0%,#7c3aed14 50%,#ec489912 100%);justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.catalogue-hero:before{content:"";pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#4f46e52e 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-40%;right:-10%}.catalogue-hero-content{z-index:2;max-width:720px;position:relative}.catalogue-hero-badge{border-radius:var(--radius-pill);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.6px;background:#4f46e524;border:1px solid #4f46e540;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #4f46e51f}.catalogue-hero-title{letter-spacing:-.8px;color:var(--text-primary);margin-bottom:.75rem;font-size:2.45rem;font-weight:850;line-height:1.15}.catalogue-hero-title span.highlight{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.catalogue-hero-desc{color:var(--text-secondary);max-width:640px;margin-bottom:1.25rem;font-size:1.02rem;line-height:1.6}.catalogue-hero-features{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.hero-feature-pill{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-xs);transition:var(--transition-smooth);align-items:center;gap:.4rem;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-feature-pill:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.catalogue-hero-stat{z-index:2;flex-direction:column;flex-shrink:0;gap:.75rem;display:flex;position:relative}.catalogue-stat-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);min-width:220px;transition:var(--transition-smooth);align-items:center;gap:1rem;padding:1rem 1.35rem;display:flex}.catalogue-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-primary);transform:translateY(-2px)}.stat-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-icon.purple{color:var(--brand-primary);background:#4f46e51f}.stat-card-icon.amber{color:var(--accent-amber);background:#f59e0b1f}.stat-card-info{flex-direction:column;display:flex}.stat-card-info .stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:800;line-height:1.2}.stat-card-info .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.76rem;font-weight:600}.catalogue-filter-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.catalogue-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.catalogue-filter-inputs{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.filter-select{appearance:none;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-pill);height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:14px 14px;outline:none;padding:0 2.2rem 0 1rem;font-family:inherit;font-size:.84rem;font-weight:600}.filter-select:hover{background-color:var(--bg-surface-hover);border-color:var(--brand-primary);color:var(--text-primary)}.filter-select:focus{background-color:var(--bg-surface);border-color:var(--brand-primary);color:var(--text-primary);box-shadow:0 0 0 3px #4f46e51f}.catalogue-search-box{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-pill);min-width:200px;max-width:320px;height:40px;transition:var(--transition-smooth);flex:240px;align-items:center;padding:0 .85rem;display:flex;position:relative}.catalogue-search-box:focus-within{background:var(--bg-surface);border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f46e51f}.catalogue-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding-left:.5rem;font-family:inherit;font-size:.86rem}.catalogue-search-clear{color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:flex}.catalogue-search-clear:hover{color:#ef4444}.filter-chip-btn{border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border-color);height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;align-items:center;gap:.45rem;padding:0 1.05rem;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.filter-chip-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--brand-primary)}.filter-chip-btn.active{border-color:var(--accent-amber);color:var(--accent-amber);background:#f59e0b1f}.filter-chip-btn.reset-btn{color:var(--text-muted);padding:0 .85rem}.filter-chip-btn.reset-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.catalogue-tags-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid var(--border-color);align-items:center;gap:.5rem;padding-top:.75rem;display:flex;overflow-x:auto}.catalogue-tags-row::-webkit-scrollbar{display:none}.catalogue-tag-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);flex-shrink:0;align-items:center;gap:.35rem;margin-right:.25rem;font-size:.72rem;font-weight:800;display:inline-flex}.catalogue-tag-pill{border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);padding:.32rem .85rem;font-size:.78rem;font-weight:600}.catalogue-tag-pill:hover{background:var(--bg-surface-hover);color:var(--brand-primary);border-color:var(--brand-primary)}.catalogue-tag-pill.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-color:#0000;box-shadow:0 2px 8px #4f46e540}.catalogue-empty-state{text-align:center;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0;padding:3.5rem 1.5rem;display:flex}.catalogue-empty-icon-wrap{width:72px;height:72px;color:var(--brand-primary);background:linear-gradient(135deg,#4f46e51a 0%,#7c3aed1a 100%);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.catalogue-empty-state h3{color:var(--text-primary);margin-bottom:.45rem;font-size:1.25rem;font-weight:750}.catalogue-empty-state p{color:var(--text-muted);max-width:440px;margin-bottom:1.5rem;font-size:.92rem;line-height:1.5}.skeleton-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);flex-direction:column;display:flex;overflow:hidden}.skeleton-thumb{aspect-ratio:4/3;background:var(--bg-subtle);width:100%;position:relative;overflow:hidden}.skeleton-thumb:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-body{flex-direction:column;gap:.65rem;padding:1rem;display:flex}.skeleton-line{background:var(--bg-subtle);border-radius:4px;height:14px}.skeleton-line.short{width:50%}@keyframes shimmer{to{transform:translate(100%)}}.load-more-wrapper.catalogue-load-more-wrapper{margin-top:2rem;margin-bottom:3.5rem}.catalogue-load-more-section{border-top:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100%;margin-top:2rem;padding:2.5rem 0 1rem;display:flex}.load-more-progress-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.load-more-count-text{color:var(--text-secondary);font-size:.92rem;font-weight:500}.load-more-count-text strong{color:var(--text-primary);font-weight:750}.load-more-progress-bar{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-pill);width:240px;height:6px;overflow:hidden}.load-more-progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 50%,#ec4899 100%);height:100%;transition:width .4s}.load-more-games-btn{border-radius:var(--radius-pill);color:#fff;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 2.4rem;font-size:.98rem;font-weight:750;display:inline-flex;box-shadow:0 10px 25px -4px #4f46e566}.load-more-games-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 14px 30px -4px #4f46e58c}.load-more-games-btn:disabled{opacity:.75;cursor:wait}.catalogue-all-loaded-banner{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;max-width:440px;margin:0 auto;padding:1.5rem 2rem;display:flex}.all-loaded-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.98rem;font-weight:700;display:flex}.all-loaded-sub{color:var(--text-muted);font-size:.84rem}.back-to-top-btn{border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.4rem;margin-top:.4rem;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.back-to-top-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}@media (width<=768px){.catalogue-hero{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem}.catalogue-hero-title{font-size:1.7rem}.catalogue-hero-stat{align-items:stretch;width:100%}.catalogue-stat-card{min-width:unset;width:100%}.catalogue-search-box{width:100%;max-width:100%}.catalogue-filter-inputs{width:100%}.load-more-progress-bar{width:180px}.load-more-wrapper.catalogue-load-more-wrapper{margin-top:1.5rem;margin-bottom:2.5rem}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background:#0f172abf;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-card{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:scale(.96)translateY(10px)}.modal-backdrop.open .modal-card{transform:scale(1)translateY(0)}.modal-close-btn{color:#fff;z-index:10;width:36px;height:36px;transition:var(--transition-smooth);background:#0f172a99;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:14px;right:14px}.modal-close-btn:hover{background:var(--brand-primary);transform:rotate(90deg)}.modal-close-btn.mini{background:var(--bg-subtle);color:var(--text-secondary);width:30px;height:30px;position:static}.modal-close-btn.mini:hover{background:var(--border-color);color:var(--text-primary)}.game-simulator-screen{background:#000;justify-content:center;align-items:center;width:100%;height:480px;display:flex}.sim-placeholder{text-align:center;color:#fff}.sim-loader i{color:var(--brand-primary);margin-bottom:1.25rem;font-size:3.5rem}.sim-loader h3{margin-bottom:.3rem;font-size:1.6rem}.sim-loader p{color:#94a3b8;margin-bottom:1.5rem;font-size:.95rem}.modal-body-content{padding:1.75rem}.modal-game-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-game-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:800}.modal-badges{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.modal-badges .badge{border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-secondary);padding:3px 10px;font-size:.78rem;font-weight:600}.modal-badges .cat-badge{color:var(--brand-primary);background:#4f46e51f}.modal-actions{gap:.75rem;display:flex}.modal-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.search-modal-card{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:620px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);transition:transform .25s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(-20px)}.modal-backdrop.open .search-modal-card{transform:translateY(0)}.search-modal-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.search-modal-icon{color:var(--text-muted);font-size:1.2rem}.search-modal-header input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.05rem}.search-modal-results{flex-direction:column;gap:.4rem;max-height:420px;padding:.75rem;display:flex;overflow-y:auto}.search-modal-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);align-items:center;gap:.45rem;padding:.35rem .5rem .2rem;font-size:.78rem;font-weight:750;display:flex}.search-result-item{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:1rem;padding:.65rem .85rem;transition:background .2s;display:flex}.search-result-item:hover{background:var(--bg-surface-hover)}.search-result-thumb,.result-thumb{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:52px;height:52px}.search-result-info,.result-info{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.search-result-info h4,.result-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.95rem;font-weight:700;overflow:hidden}.search-result-info p,.result-info p{color:var(--text-muted);font-size:.78rem}.result-meta{flex-shrink:0}.categories-drawer-card{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:680px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);padding:1.5rem}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.drawer-header h3{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.all-categories-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.category-tile{border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);text-align:left;align-items:center;gap:.75rem;padding:.85rem;display:flex}.category-tile:hover{background:var(--bg-surface-hover);border-color:var(--brand-primary);transform:translateY(-2px)}.category-tile.active{border-color:var(--brand-primary);background:#4f46e51a}.category-tile-icon{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--brand-primary);background:#4f46e51f;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.category-tile-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.category-tile-info h5{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;font-weight:700;line-height:1.2}.category-tile-info span{color:var(--text-muted);font-size:.75rem}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#0f172aa6;justify-content:flex-end;transition:opacity .25s;display:flex;position:fixed;inset:0}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer-card{background:var(--bg-surface);border-left:1px solid var(--border-color);flex-direction:column;gap:1.25rem;width:86%;max-width:360px;height:100%;padding:1.25rem 1.25rem 2rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 28px #0006}.mobile-drawer-backdrop.open .mobile-drawer-card{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.mobile-drawer-search{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.65rem;padding:.65rem .95rem;font-size:.86rem;display:flex}.mobile-drawer-search:hover{background:var(--bg-surface);border-color:var(--brand-primary);color:var(--text-primary)}.mobile-drawer-search kbd{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;margin-left:auto;padding:1px 5px;font-size:.65rem}.mobile-nav-links{flex-direction:column;gap:.35rem;display:flex}.mobile-nav-item{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.85rem;width:100%;padding:.75rem .95rem;font-size:.92rem;font-weight:600;display:flex}.mobile-nav-item:hover{background:var(--bg-subtle);color:var(--brand-primary);transform:translate(3px)}.mobile-nav-item.active{color:var(--brand-primary);background:#4f46e51a;border-color:#4f46e533}.mobile-drawer-categories{border-top:1px solid var(--border-color);flex-direction:column;gap:.65rem;padding-top:.75rem;display:flex}.mobile-drawer-categories h6{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:.75rem;font-weight:800}.mobile-cat-chips{flex-wrap:wrap;gap:.45rem;display:flex}.m-cat-chip{border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);padding:.35rem .75rem;font-size:.78rem;font-weight:600}.m-cat-chip:hover,.m-cat-chip.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.mobile-drawer-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1.15rem}.mobile-theme-card{border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;outline:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000a}.mobile-theme-card:hover{background:var(--bg-surface);border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 4px 14px #4f46e51f}.mobile-theme-card:active{transform:scale(.98)}.theme-card-left{text-align:left;align-items:center;gap:.85rem;display:flex}.theme-icon-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.light-active .theme-icon-badge{color:#6366f1;background:#6366f11f}.dark-active .theme-icon-badge{color:#f59e0b;background:#f59e0b26}.theme-text-group{flex-direction:column;display:flex}.theme-title{color:var(--text-primary);font-size:.92rem;font-weight:700;line-height:1.25}.theme-subtitle{color:var(--text-muted);font-size:.74rem;line-height:1.2}.theme-toggle-switch{flex-shrink:0;align-items:center;display:flex}.toggle-track{border-radius:var(--radius-pill);background:#cbd5e1;align-items:center;width:44px;height:24px;padding:2px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dark-active .toggle-track{background:var(--brand-primary);box-shadow:0 0 10px #6366f166}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:translate(0);box-shadow:0 1px 4px #00000040}.dark-active .toggle-thumb{transform:translate(20px)}.mobile-theme-btn{border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.86rem;font-weight:600;display:flex}.footer{background:var(--bg-surface);border-top:1px solid var(--border-color);margin-top:auto;padding:2.25rem 1.75rem 1.5rem}.footer-inner{border-bottom:1px solid var(--border-color);grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:2.25rem;max-width:1400px;margin:0 auto;padding-bottom:1.85rem;display:grid}.footer-brand{flex-direction:column;gap:.75rem;display:flex}.footer-brand p{color:var(--text-secondary);max-width:380px;font-size:.86rem;line-height:1.55}.footer-col{flex-direction:column;gap:.35rem;display:flex}.footer-col h5{text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary);margin-bottom:.45rem;font-size:.78rem;font-weight:800}.footer-nav-link{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:.15rem 0;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.footer-nav-link:hover{color:var(--brand-primary);transform:translate(2px)}.footer-link-icon{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .2s;display:flex}.footer-nav-link:hover .footer-link-icon{transform:scale(1.1)}.footer-browse-btn{border-radius:var(--radius-md);color:#2563eb;cursor:pointer;background:#3b82f614;border:1px solid #3b82f640;align-items:center;gap:.55rem;width:fit-content;margin-top:.25rem;padding:.5rem .9rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.dark-theme .footer-browse-btn,[data-theme=dark] .footer-browse-btn{color:#60a5fa;background:#3b82f626;border-color:#3b82f666}.footer-browse-btn:hover{background:#3b82f629;border-color:#3b82f680;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.footer-trust-grid{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1400px;margin:1.75rem auto 0;display:grid}.trust-badge-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .25s;display:flex}.trust-badge-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-primary);transform:translateY(-2px)}.trust-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.trust-icon-box.green{color:#059669;background:#10b9811a}.trust-icon-box.blue{color:#2563eb;background:#3b82f61a}.trust-icon-box.purple{color:#7c3aed;background:#8b5cf61a}.trust-icon-box.rose{color:#e11d48;background:#f43f5e1a}.trust-badge-info h6{color:var(--text-primary);margin-bottom:.1rem;font-size:.84rem;font-weight:700}.trust-badge-info p{color:var(--text-muted);font-size:.72rem}.footer-bottom{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:1.75rem auto 0;padding-top:1.25rem;display:flex}.footer-copyright{color:var(--text-muted);font-size:.82rem}.footer-legal-links{align-items:center;gap:.85rem;display:flex}.footer-legal-links a{color:var(--text-muted);font-size:.82rem;text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:var(--brand-primary);text-decoration:underline}.footer-legal-sep{color:var(--text-muted);opacity:.6;-webkit-user-select:none;user-select:none;font-size:.75rem}.floating-back-to-top{background:var(--brand-primary);color:#fff;cursor:pointer;z-index:900;opacity:0;visibility:hidden;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(16px)scale(.9);box-shadow:0 4px 16px #4f46e566,0 2px 6px #00000026}.floating-back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.floating-back-to-top:hover{background:var(--brand-primary-hover);transform:translateY(-3px)scale(1.08);box-shadow:0 8px 24px #4f46e580}.floating-back-to-top:active{transform:translateY(0)scale(.95)}.dark-theme .floating-back-to-top,[data-theme=dark] .floating-back-to-top{background:var(--brand-primary);box-shadow:0 4px 20px #6366f180}@media (width<=1200px){.nav-container{padding:.85rem 1.25rem}.main-content{padding:1.5rem 1.25rem 3rem}}@media (width<=1080px){.nav-menu{display:none}.nav-action-btn.mobile-menu-toggle,.mobile-menu-toggle{display:inline-flex}}@media (width<=1024px){.hero-section{grid-template-columns:1fr;gap:1.25rem}.hero-side-picks{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:1.25rem;min-height:190px}.trending-grid,.all-categories-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-trust-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.navbar{top:0}.nav-container{gap:.75rem;padding:.75rem 1rem}.nav-search-wrapper{display:none}.nav-action-btn.mobile-search-btn,.mobile-search-btn,.nav-action-btn.mobile-menu-toggle,.mobile-menu-toggle{display:inline-flex}.action-label{display:none}.nav-action-btn{padding:.5rem}.main-content{gap:2rem;padding:1.25rem 1rem 3rem}.categories-bar-wrapper{-webkit-overflow-scrolling:touch;padding:.45rem 1rem}.hero-featured{align-items:flex-end;min-height:380px}.hero-artwork-stage{width:100%;height:100%}.hero-artwork-img{-webkit-mask-image:linear-gradient(#000 40%,#0000004d 75%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000004d 75%,#0000 100%)}.hero-artwork-gradient{background:linear-gradient(#0000 0%,#090e1ad9 40%,#090e1a 70% 100%)}.hero-content{max-width:100%;padding:1.5rem}.hero-title{font-size:1.85rem}.hero-desc{font-size:.88rem}.hero-side-picks{gap:1rem;min-height:170px}.games-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.trending-grid{grid-template-columns:repeat(2,1fr)}.footer{padding:2rem 1.25rem 1.5rem}.footer-inner{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:.85rem}.footer-legal-links{flex-wrap:wrap;justify-content:center}.all-categories-grid{grid-template-columns:1fr}.game-simulator-screen{height:300px}.modal-card{max-height:94vh;margin:.5rem}.modal-body-content{padding:1.25rem}.modal-game-header h2{font-size:1.4rem}}@media (width<=640px){.section-header-filters{flex-direction:column;align-items:stretch;gap:.85rem}.filter-controls{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.category-filter-btn{flex:1;justify-content:center;padding:.45rem .85rem;font-size:.82rem}.styled-select{padding:.45rem 1.75rem .45rem 2rem;font-size:.82rem}.hero-side-picks{grid-template-columns:1fr;gap:.85rem}.hero-side-card{min-height:160px;padding:1.25rem}.footer-trust-grid{grid-template-columns:1fr;gap:.85rem}}@media (width<=480px){.nav-container{gap:.5rem;padding:.65rem .75rem}.nav-action-btn.theme-toggle-nav-btn,.theme-toggle-nav-btn{display:none}.logo{gap:.5rem;font-size:1.15rem}.logo-icon{width:32px;height:32px;font-size:1rem}.main-content{gap:1.75rem;padding:1rem .75rem 2.5rem}.categories-bar-wrapper{padding:.35rem .75rem}.cat-pill{padding:.38rem .75rem;font-size:.78rem}.hero-featured{min-height:300px;padding:1.25rem}.hero-title{font-size:1.35rem}.hero-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.hero-actions{gap:.65rem}.btn{padding:.55rem 1.1rem;font-size:.85rem}.btn-lg{padding:.65rem 1.25rem;font-size:.9rem}.games-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.game-card{border-radius:var(--radius-md)}.game-info{gap:.25rem;padding:.65rem .6rem}.game-title{font-size:.88rem}.game-meta{font-size:.72rem}.game-category-tag{padding:1px 6px;font-size:.68rem}.trending-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.section-header-title h2{font-size:1.25rem}.category-filter-btn{padding:.4rem .65rem;font-size:.78rem}.styled-select{padding:.4rem 1.5rem .4rem 1.8rem;font-size:.78rem}.view-mode-toggle{display:none}.floating-back-to-top{width:40px;height:40px;bottom:1.25rem;right:1.25rem}.game-simulator-screen{height:240px}.modal-close-btn{width:32px;height:32px;font-size:.85rem;top:10px;right:10px}}@media (width<=360px){.games-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.game-info{padding:.5rem .45rem}.game-title{font-size:.82rem}.logo-text{font-size:1.05rem}.hero-featured{min-height:280px;padding:1rem}}.game-detail-outer-wrapper{justify-content:center;align-items:flex-start;gap:1rem;width:100%;margin:0 auto;display:flex;position:relative}.game-side-ad-space{pointer-events:none;background:0 0;flex-direction:column;flex-shrink:0;align-items:center;width:128px;min-width:128px;max-width:128px;height:100%;min-height:600px;display:flex;position:sticky;top:90px}@media (width>=1536px){.main-content:has(.game-detail-outer-wrapper){max-width:1560px}}@media (width<=1200px){.game-side-ad-space{display:none}}.game-detail-outer-wrapper:has(.theater-mode) .game-side-ad-space{display:none}.game-detail-container{flex-direction:column;flex:1;gap:1.15rem;width:100%;min-width:0;max-width:1220px;transition:max-width .3s;display:flex}.game-detail-container.theater-mode{max-width:98vw}.game-detail-breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.game-detail-breadcrumbs button{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:0;font-weight:600}.game-detail-breadcrumbs button:hover{color:var(--brand-primary)}.game-detail-breadcrumbs .breadcrumb-current{color:var(--text-primary);font-weight:700}.game-stage-wrapper{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:#000;width:100%;height:clamp(380px,55vh,560px);margin:0 auto;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 16px 36px -12px #00000059}.game-detail-container.theater-mode .game-stage-wrapper{height:min(720px,100vh - 120px)}.game-stage-wrapper.is-fullscreen{border:none;border-radius:0;height:100vh!important;max-height:100vh!important}.game-stage-preview{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;transition:transform .4s;display:flex;position:absolute;inset:0}.game-stage-preview:before{content:"";z-index:1;background:linear-gradient(#0f172a4d 0%,#0f172a33 40%,#0f172ad9 100%);position:absolute;inset:0}.game-stage-preview:hover .game-stage-play-bubble{transform:scale(1.1);box-shadow:0 0 50px #0866f5cc,0 0 0 8px #0866f540}.game-stage-preview:hover .game-stage-play-pill{background:#0866f5;transform:translateY(2px);box-shadow:0 8px 25px #0866f599}.game-stage-center-cta{z-index:2;flex-direction:column;align-items:center;gap:.85rem;display:flex;position:relative}.game-stage-play-bubble{background:#fffffff2;border:3px solid #0866f5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 35px #0866f599,0 0 0 6px #fff3}.game-stage-play-bubble svg{fill:#0866f5;color:#0866f5;width:34px;height:34px;margin-left:4px}.game-stage-play-pill{color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);background:linear-gradient(135deg,#0866f5 0%,#0284c7 100%);align-items:center;gap:.4rem;padding:.45rem 1.4rem;font-size:.88rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #0866f573}.game-stage-info-overlay{z-index:2;color:#fff;position:absolute;bottom:1.5rem;left:1.5rem}.game-stage-info-overlay h1{text-shadow:0 2px 10px #000c;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.game-stage-info-overlay p{color:#fffc;text-shadow:0 1px 6px #000c;margin:.3rem 0 0;font-size:.88rem}.game-detail-control-bar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.control-bar-left{align-items:center;gap:.85rem;min-width:0;display:flex}.control-bar-avatar{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-color);flex-shrink:0;width:44px;height:44px}.control-bar-title-wrap{min-width:0}.control-bar-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:800;overflow:hidden}.control-bar-meta{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;display:flex}.control-bar-meta .badge-cat{color:var(--brand-primary);text-transform:uppercase;font-weight:750}.control-bar-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.control-btn{border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.control-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--brand-primary)}.control-btn.active-like{color:#0866f5;background:#0866f51f;border-color:#0866f5}.control-btn.active-dislike{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e}.control-btn.active-favorite{color:#ec4899;background:#ec48991f;border-color:#ec4899}.control-btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 4px 14px #4f46e559}.control-btn-primary:hover{background:var(--brand-primary-hover);color:#fff}.game-more-strip-section{flex-direction:column;gap:.85rem;display:flex}.game-more-header{justify-content:space-between;align-items:center;display:flex}.game-more-title-wrap{color:var(--text-primary);align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;display:flex}.game-more-view-all-btn{color:var(--brand-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.25rem;font-size:.82rem;font-weight:750;display:inline-flex}.game-more-view-all-btn:hover{opacity:.8;transform:translate(2px)}.game-more-grid{grid-template-columns:repeat(7,1fr);gap:.75rem;display:grid}.game-more-tile{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.game-more-tile:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);z-index:5;transform:translateY(-3px)scale(1.04)}.game-more-tile img{object-fit:cover;width:100%;height:100%}.game-more-tile .tile-title-overlay{opacity:0;background:linear-gradient(#0000 40%,#000000d9 100%);align-items:flex-end;padding:.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.game-more-tile:hover .tile-title-overlay{opacity:1}.tile-title-overlay span{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.game-detail-about-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.about-card-left{align-items:center;gap:1rem;display:flex}.about-card-avatar{border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--border-color);width:52px;height:52px}.about-card-title-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.about-card-title{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800}.badge-free-pill{color:#10b981;border-radius:var(--radius-pill);text-transform:uppercase;background:#10b9811f;border:1px solid #10b9814d;padding:.2rem .65rem;font-size:.72rem;font-weight:800}.about-card-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.25rem;font-size:.82rem;display:flex}.about-card-meta strong{color:var(--text-primary)}.game-trust-cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.game-trust-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.trust-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.trust-card-icon.blue{color:#0866f5;background:#0866f51a}.trust-card-icon.green{color:#10b981;background:#10b9811a}.trust-card-icon.purple{color:#6366f1;background:#6366f11a}.trust-card-text h4{color:var(--text-primary);margin:0;font-size:.92rem;font-weight:750}.trust-card-text p{color:var(--text-muted);margin:.15rem 0 0;font-size:.76rem}.game-tags-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.game-tag-chip{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);padding:.35rem .85rem;font-size:.8rem;font-weight:600}.game-tag-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.game-tag-chip.active-cat{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);font-weight:700}.game-detail-layout-grid{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;display:grid}.game-detail-main-col{flex-direction:column;gap:1.5rem;display:flex}.game-detail-side-col{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:90px}.game-detail-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex}.game-detail-card-header{justify-content:space-between;align-items:center;display:flex}.card-header-title{color:var(--text-primary);align-items:center;gap:.6rem;margin:0;font-size:1.05rem;font-weight:800;display:flex}.card-header-badge{border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-muted);padding:.2rem .65rem;font-size:.72rem;font-weight:700}.game-screenshot-preview{border-radius:var(--radius-lg);border:1px solid var(--border-color);aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.game-screenshot-preview img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.game-screenshot-preview:hover img{transform:scale(1.02)}.screenshot-badge{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000b3;padding:.25rem .75rem;font-size:.72rem;font-weight:700;position:absolute;bottom:.85rem;right:.85rem}.game-desc-text{color:var(--text-secondary);white-space:pre-line;font-size:.88rem;line-height:1.7}.game-desc-text.collapsed{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toggle-read-more-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;width:fit-content;padding:0;font-size:.82rem;font-weight:750;display:inline-flex}.how-to-play-box{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);white-space:pre-line;padding:1rem 1.25rem;font-size:.84rem;line-height:1.6}.game-controls-keymap{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding-top:.5rem;display:flex}.keymap-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.keymap-label{color:var(--text-primary);font-size:.82rem;font-weight:700}.keymap-keys{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.keycap{background:var(--bg-surface);border:1px solid var(--border-color);border-bottom:2px solid var(--border-color);border-radius:var(--radius-sm);min-width:28px;height:28px;color:var(--text-primary);justify-content:center;align-items:center;padding:0 .45rem;font-size:.75rem;font-weight:750;display:inline-flex;box-shadow:0 1px 2px #0000000d}.game-specs-list{flex-direction:column;gap:.75rem;display:flex}.spec-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.65rem;font-size:.84rem;display:flex}.spec-item:last-child{border-bottom:none;padding-bottom:0}.spec-label{color:var(--text-muted);align-items:center;gap:.45rem;font-weight:600;display:flex}.spec-val{color:var(--text-primary);text-align:right;font-weight:700}.game-verified-box{border-radius:var(--radius-xl);background:#10b98114;border:1px solid #10b98140;align-items:flex-start;gap:.85rem;padding:1.25rem;display:flex}.game-verified-box .verified-icon{color:#10b981;background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.game-verified-box h4{color:#10b981;margin:0;font-size:.95rem;font-weight:800}.game-verified-box p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.78rem;line-height:1.5}.related-games-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.related-game-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.related-game-card:hover{border-color:#0866f573;transform:translateY(-5px);box-shadow:0 12px 24px -6px #0866f529,0 4px 10px -2px #0000000f}.related-game-card .game-thumbnail-wrap{aspect-ratio:16/10;background:var(--bg-subtle);width:100%;position:relative;overflow:hidden}.related-game-card .game-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.related-game-card:hover .game-thumbnail{transform:scale(1.08)}.related-game-card .play-bubble{background:#0866f5;width:44px;height:44px;box-shadow:0 0 20px #0866f5a6}.related-game-card .play-bubble svg{fill:#fff;color:#fff;width:20px;height:20px;margin-left:2px}.related-game-card .game-info{background:var(--bg-surface);flex-direction:column;gap:.4rem;padding:.75rem .85rem .85rem;display:flex}.related-game-card .game-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:750;transition:color .2s;overflow:hidden}.related-game-card:hover .game-title{color:var(--brand-primary)}.related-game-card .game-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.related-game-card .game-category-tag{color:#0866f5;border-radius:var(--radius-pill);background:#0866f514;border:1px solid #0866f52e;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.related-game-card .game-rating{color:var(--text-primary);align-items:center;gap:.25rem;font-size:.8rem;font-weight:750;display:flex}.game-orientation-tip-card{border-radius:var(--radius-xl);transition:var(--transition-smooth);background:linear-gradient(135deg,#0866f514 0%,#6366f10d 100%);border:1px solid #0866f538;align-items:center;gap:1.1rem;margin-top:.75rem;padding:1.15rem 1.35rem;display:flex;box-shadow:0 4px 16px -4px #0866f51a}.game-orientation-tip-card:hover{border-color:#0866f566;box-shadow:0 8px 24px -4px #0866f529}.orientation-tip-icon-wrap{border-radius:var(--radius-lg);background:#0866f524;border:1px solid #0866f540;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.phone-rotate-icon{justify-content:center;align-items:center;display:flex;position:relative}.rotate-badge{color:#fff;background:#0866f5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-4px;right:-6px;box-shadow:0 2px 6px #0866f580}.orientation-tip-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.orientation-tip-header{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.orientation-badge{letter-spacing:.06em;text-transform:uppercase;color:#0866f5;border-radius:var(--radius-pill);background:#0866f51f;padding:.15rem .55rem;font-size:.68rem;font-weight:850}.orientation-tag{color:var(--text-muted);font-size:.72rem;font-weight:700}.orientation-tip-title{color:var(--text-primary);margin:0;font-size:.96rem;font-weight:800}.orientation-tip-desc{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}@media (width<=640px){.related-games-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.game-orientation-tip-card{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}}.game-detail-top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.breadcrumb-how-to-play-btn{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.breadcrumb-how-to-play-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--bg-subtle);box-shadow:var(--shadow-md);transform:translateY(-1px)}@keyframes highlightSectionPulse{0%{border-color:#0866f5;box-shadow:0 0 #0866f580}50%{border-color:#0866f5;box-shadow:0 0 0 8px #0866f52e}to{border-color:var(--border-color);box-shadow:0 0 #0866f500}}.highlight-pulse{animation:1.4s ease-out highlightSectionPulse}.share-modal-card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);max-width:480px;box-shadow:var(--shadow-xl);flex-direction:column;gap:1.25rem;width:100%;padding:1.5rem;display:flex;position:relative}.share-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.share-modal-title{color:var(--text-primary);align-items:center;gap:.6rem;margin:0;font-size:1.1rem;font-weight:800;display:flex}.share-social-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.share-social-btn{border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);flex-direction:column;justify-content:center;align-items:center;gap:.45rem;min-height:76px;padding:.85rem .5rem;font-size:.76rem;font-weight:700;text-decoration:none;display:flex}.share-social-btn:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.share-social-btn.whatsapp:hover{color:#25d366;background:#25d36614;border-color:#25d366}.share-social-btn.twitter:hover{color:#1da1f2;background:#1da1f214;border-color:#1da1f2}.share-social-btn.facebook:hover{color:#1877f2;background:#1877f214;border-color:#1877f2}.share-social-btn.telegram:hover{color:#08c;background:#0088cc14;border-color:#08c}.share-social-btn.reddit:hover{color:#ff4500;background:#ff450014;border-color:#ff4500}.share-social-btn.email:hover{color:#ea4335;background:#ea433514;border-color:#ea4335}.share-copy-box{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-pill);align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .85rem;display:flex}.share-copy-box input{color:var(--text-secondary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.82rem}.share-copy-btn{border-radius:var(--radius-pill);background:var(--brand-primary);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;flex-shrink:0;align-items:center;gap:.35rem;padding:.45rem 1.1rem;font-size:.82rem;font-weight:700;display:inline-flex}.share-copy-btn:hover{background:var(--brand-primary-hover)}.share-copy-btn.copied{background:#10b981}.share-game-preview-card{background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:.85rem;padding:.85rem;display:flex}.share-preview-thumb{border-radius:var(--radius-md);object-fit:cover;width:68px;height:68px;box-shadow:var(--shadow-sm);flex-shrink:0}.share-preview-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.share-preview-title{color:var(--text-primary);word-break:break-word;font-size:.95rem;font-weight:800;line-height:1.3}.share-preview-meta{align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.share-preview-badge{color:var(--brand-primary);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;background:#0866f51a;padding:.15rem .5rem;font-size:.65rem}.share-preview-rating{color:#f59e0b;align-items:center;gap:.2rem;display:inline-flex}.share-preview-desc{color:var(--text-muted);word-break:break-word;max-height:120px;font-size:.74rem;line-height:1.45;overflow-y:auto}.share-rich-copy-btn{border-radius:var(--radius-pill);width:100%;color:var(--brand-primary);cursor:pointer;transition:var(--transition-smooth);background:#0866f51a;border:1px solid #0866f533;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.8rem;font-weight:700;display:flex}.share-rich-copy-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.share-rich-copy-btn.copied{color:#fff;background:#10b981;border-color:#10b981}@media (width<=1024px){.game-more-grid{grid-template-columns:repeat(4,1fr)}.game-detail-layout-grid{grid-template-columns:1fr}.game-detail-side-col{position:static}.game-trust-cards{grid-template-columns:1fr}}@media (width<=640px){.game-more-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.game-stage-info-overlay h1{font-size:1.25rem}.game-stage-play-bubble{width:60px;height:60px}.game-stage-play-bubble svg{width:26px;height:26px}.game-detail-control-bar{flex-direction:column;align-items:stretch}.control-bar-right{justify-content:space-between}}.favorites-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.favorites-breadcrumbs{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;display:flex}.favorites-breadcrumbs button{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-weight:600;display:inline-flex}.favorites-breadcrumbs button:hover{color:var(--brand-primary)}.favorites-breadcrumbs span.active{color:var(--text-primary);font-weight:700}.favorites-hero-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.favorites-hero-main{align-items:center;gap:1.15rem;min-width:0;display:flex}.favorites-hero-icon{border-radius:var(--radius-lg);color:#f43f5e;background:linear-gradient(135deg,#f43f5e26,#ec489926);border:1px solid #f43f5e47;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.favorites-hero-text h1{color:var(--text-primary);align-items:center;gap:.6rem;margin:0;font-size:1.45rem;font-weight:900;line-height:1.2;display:flex}.favorites-hero-text p{color:var(--text-muted);margin:.35rem 0 0;font-size:.84rem;line-height:1.4}.favorites-hero-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.favorites-badge{border-radius:var(--radius-pill);color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e3d;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.82rem;font-weight:800;display:inline-flex}.favorites-action-btn{border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.favorites-action-btn.secondary{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-color)}.favorites-action-btn.secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.favorites-action-btn.danger{color:#f43f5e;background:0 0;border:1px solid #f43f5e4d}.favorites-action-btn.danger:hover{background:#f43f5e1a;border-color:#f43f5e}.favorites-toolbar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:.85rem 1.15rem;display:flex}.favorites-search-wrap{flex:1;align-items:center;min-width:220px;max-width:320px;height:40px;display:flex;position:relative}.favorites-search-wrap input{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-pill);width:100%;height:100%;color:var(--text-primary);transition:var(--transition-smooth);outline:none;padding:0 .75rem 0 2.2rem;font-size:.84rem}.favorites-search-wrap input:focus{border-color:var(--brand-primary);background:var(--bg-surface);box-shadow:0 0 0 3px #4f46e51f}.favorites-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.75rem}.favorites-filter-pills{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex;overflow-x:auto}.fav-pill{border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;padding:.4rem .9rem;font-size:.8rem;font-weight:700}.fav-pill:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.fav-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.favorites-controls-group{align-items:center;gap:.65rem;margin-left:auto;display:flex}.favorites-empty-card{text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3.5rem 1.5rem;display:flex}.favorites-empty-icon{color:#f43f5e;background:linear-gradient(135deg,#f43f5e1f,#ec48991f);border:1px solid #f43f5e40;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.favorites-rec-section{border-top:1px solid var(--border-color);flex-direction:column;gap:1.25rem;margin-top:1rem;padding-top:1.75rem;display:flex}.favorites-rec-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.favorites-rec-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:800;display:flex}.favorites-rec-desc{color:var(--text-muted);margin:.2rem 0 0;font-size:.82rem}.content-page-wrapper{flex-direction:column;gap:1.75rem;width:100%;max-width:1140px;margin:0 auto;display:flex}.content-hero-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;padding:1.75rem 2rem;display:flex}.content-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.content-hero-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.content-hero-badge.blue{color:var(--brand-primary);background:#0866f51a;border:1px solid #0866f538}.content-hero-badge.emerald{color:#10b981;background:#10b9811a;border:1px solid #10b98138}.content-hero-badge.purple{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf638}.content-hero-badge.amber{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b38}.content-hero-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:900;line-height:1.2}.content-hero-desc{color:var(--text-secondary);max-width:820px;margin:0;font-size:.92rem;line-height:1.55}.content-body-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.75rem;padding:2rem 2.25rem;display:flex}.content-article-section{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding-bottom:1.5rem;display:flex}.content-article-section:last-child{border-bottom:none;padding-bottom:0}.content-article-section h2,.content-article-section h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:800;display:flex}.content-article-section p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.65}.content-article-section ul{flex-direction:column;gap:.45rem;margin:0;padding-left:1.25rem;display:flex}.content-article-section li{color:var(--text-secondary);font-size:.88rem;line-height:1.55}.content-article-section strong{color:var(--text-primary)}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:.5rem 0;display:grid}.pillar-card{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-smooth);flex-direction:column;gap:.65rem;padding:1.25rem;display:flex}.pillar-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pillar-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pillar-icon-box.blue{color:var(--brand-primary);background:#0866f51f}.pillar-icon-box.green{color:#10b981;background:#10b9811f}.pillar-icon-box.amber{color:#f59e0b;background:#f59e0b1f}.pillar-icon-box.purple{color:#8b5cf6;background:#8b5cf61f}.pillar-card h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:800}.pillar-card p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.stats-counter-grid{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1.5rem;display:grid}.stats-counter-item{text-align:center;flex-direction:column;gap:.25rem;display:flex}.stats-counter-number{color:var(--brand-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:900}.stats-counter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.contact-layout-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.contact-layout-grid{grid-template-columns:1fr}}.contact-queue-list{flex-direction:column;gap:.75rem;display:flex}.contact-queue-item{border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border-color);transition:var(--transition-smooth);align-items:flex-start;gap:.85rem;padding:.85rem 1rem;display:flex}.contact-queue-item:hover{background:var(--bg-surface);border-color:#0866f559;transform:translate(2px)}.contact-queue-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:.1rem;display:flex}.contact-queue-icon.blue{color:var(--brand-primary);background:#0866f51a}.contact-queue-icon.green{color:#10b981;background:#10b9811a}.contact-queue-icon.purple{color:#8b5cf6;background:#8b5cf61a}.contact-queue-icon.amber{color:#f59e0b;background:#f59e0b1a}.contact-queue-content{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.contact-queue-title{color:var(--text-primary);margin:0;font-size:.86rem;font-weight:800}.contact-queue-desc{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.45}.contact-topic-pills{flex-wrap:wrap;gap:.45rem;margin-top:.2rem;margin-bottom:0;display:flex}.contact-topic-pill{background:var(--bg-surface);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.contact-topic-pill:hover{color:var(--brand-primary);background:#0866f50a;border-color:#0866f573;transform:translateY(-1px)}.contact-topic-pill.active{color:#fff;background:linear-gradient(135deg,#0866f5 0%,#0284c7 100%);border-color:#0866f5;font-weight:700;box-shadow:0 3px 10px #0866f54d}.contact-topic-pill.active svg{color:#fff!important}.contact-form-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.15rem;padding:1.65rem 1.75rem;display:flex}@media (width<=640px){.contact-form-card{gap:1rem;padding:1.25rem 1rem}}.contact-form-header{flex-direction:column;gap:.2rem;display:flex}.contact-form-title-row{align-items:center;gap:.5rem;display:flex}.contact-form-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:900}.contact-form-subtitle{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.45}.contact-form-body{flex-direction:column;gap:1.15rem;display:flex}.contact-grid-2col{grid-template-columns:repeat(2,1fr);gap:1.15rem 1rem;display:grid}@media (width<=640px){.contact-grid-2col{grid-template-columns:1fr;row-gap:1rem}}.contact-main-col{flex-direction:column;gap:1.25rem;display:flex}.dev-roadmap-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.35rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.dev-roadmap-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.15rem;padding-bottom:.85rem;display:flex}.dev-roadmap-title-wrap{align-items:center;gap:.55rem;display:flex}.dev-roadmap-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:800}.dev-roadmap-badge{border-radius:var(--radius-pill);color:#0866f5;text-transform:uppercase;letter-spacing:.04em;background:#0866f51a;border:1px solid #0866f533;padding:.15rem .55rem;font-size:.68rem;font-weight:700}.dark .dev-roadmap-badge{color:#38bdf8;background:#38bdf81f;border-color:#38bdf840}.dev-roadmap-steps{flex-direction:column;gap:.85rem;display:flex;position:relative}.dev-roadmap-step{align-items:flex-start;gap:.85rem;display:flex;position:relative}.dev-roadmap-step:not(:last-child):after{content:"";background:var(--border-color);z-index:0;width:2px;position:absolute;top:28px;bottom:-10px;left:13px}.dev-roadmap-step-num{background:var(--bg-subtle);border:1.5px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;transition:all .2s;display:flex}.dev-roadmap-step.active .dev-roadmap-step-num{color:#fff;background:linear-gradient(135deg,#0866f5 0%,#0284c7 100%);border-color:#0000;box-shadow:0 2px 8px #0866f559}.dev-roadmap-step-body{flex:1;min-width:0;padding-top:.15rem}.dev-roadmap-step-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.dev-roadmap-step-title{color:var(--text-primary);margin:0;font-size:.82rem;font-weight:700}.dev-roadmap-step-time{color:var(--text-muted);flex-shrink:0;align-items:center;gap:.25rem;font-size:.68rem;font-weight:700;display:flex}.dev-roadmap-step-desc{color:var(--text-muted);margin:0;font-size:.74rem;line-height:1.45}.dev-perks-grid{border-top:1px dashed var(--border-color);grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1.15rem;padding-top:1rem;display:grid}@media (width<=640px){.dev-perks-grid{grid-template-columns:1fr}}.dev-perk-box{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .75rem;transition:all .2s;display:flex}.dev-perk-box:hover{background:var(--bg-surface);border-color:#0866f54d}.dev-perk-icon{color:#10b981;flex-shrink:0;width:15px;height:15px}.dev-perk-text{color:var(--text-secondary);font-size:.73rem;font-weight:600;line-height:1.3}.contact-side-col{flex-direction:column;gap:1.15rem;display:flex}.contact-info-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;padding:1.35rem;display:flex}.contact-field-group{flex-direction:column;gap:.35rem;display:flex;position:relative}.contact-field-label{color:var(--text-primary);align-items:center;gap:.25rem;width:fit-content;font-size:.82rem;font-weight:700;display:inline-flex}.contact-field-label span.req{color:#ef4444;margin-left:.15rem;font-weight:800}.contact-input-wrap{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:12px;align-items:center;width:100%;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.contact-input-wrap:hover{border-color:#0866f566}.contact-input-wrap:focus-within{border-color:var(--brand-primary);background:var(--bg-surface);box-shadow:0 0 0 3.5px #0866f526,0 2px 8px #0866f514}.contact-input-icon{color:var(--text-muted);pointer-events:none;flex-shrink:0;transition:color .2s;position:absolute;left:.95rem}.contact-input-wrap:focus-within .contact-input-icon{color:var(--brand-primary)}.contact-field-input,.contact-field-select{width:100%;height:48px;color:var(--text-primary);background:0 0;border:none;border-radius:12px;outline:none;padding:0 1rem 0 2.65rem;font-family:inherit;font-size:.9rem;font-weight:500}.contact-field-select{cursor:pointer;appearance:none;padding-right:2.5rem}.contact-select-arrow{color:var(--text-muted);pointer-events:none;transition:transform .2s;position:absolute;right:1rem}.contact-input-wrap:focus-within .contact-select-arrow{color:var(--brand-primary)}.contact-textarea-wrap{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:12px;flex-direction:column;width:100%;padding:.75rem .95rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.contact-textarea-wrap:hover{border-color:#0866f566}.contact-textarea-wrap:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3.5px #0866f526,0 2px 8px #0866f514}.contact-input-wrap.has-error,.contact-textarea-wrap.has-error{background:#ef444408!important;border-color:#ef4444!important;box-shadow:0 0 0 3.5px #ef444426!important}.contact-input-wrap.has-error .contact-input-icon{color:#ef4444!important}.contact-field-error{color:#dc2626;background:#ef444414;border:1px solid #ef444438;border-radius:6px;align-items:center;gap:.3rem;width:fit-content;margin-top:.15rem;padding:.2rem .55rem;font-size:.73rem;font-weight:600;line-height:1.3;animation:.2s cubic-bezier(.16,1,.3,1) contactFieldErrorIn;display:inline-flex;box-shadow:0 1px 2px #ef44440d}.dark .contact-field-error{color:#fca5a5;background:#ef444429;border-color:#ef444459}@keyframes contactFieldErrorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact-alert-banner{border-radius:12px;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.82rem;transition:all .2s;animation:.25s cubic-bezier(.16,1,.3,1) contactAlertFadeIn;display:flex}.contact-alert-banner.error{color:#b91c1c;background:linear-gradient(135deg,#ef444414 0%,#ef444408 100%);border:1.5px solid #ef444447}.dark .contact-alert-banner.error{color:#fca5a5;background:linear-gradient(135deg,#ef44442e 0%,#ef444414 100%);border-color:#ef444466}.contact-alert-banner.success{color:#047857;background:linear-gradient(135deg,#10b98114 0%,#10b98108 100%);border:1.5px solid #10b98147}.dark .contact-alert-banner.success{color:#6ee7b7;background:linear-gradient(135deg,#10b9812e 0%,#10b98114 100%);border-color:#10b98166}.contact-alert-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.contact-alert-banner.error .contact-alert-icon-wrap{color:#ef4444;background:#ef444424}.dark .contact-alert-banner.error .contact-alert-icon-wrap{color:#f87171;background:#ef444440}.contact-alert-banner.success .contact-alert-icon-wrap{color:#10b981;background:#10b98124}.dark .contact-alert-banner.success .contact-alert-icon-wrap{color:#34d399;background:#10b98140}.contact-alert-content{flex-direction:column;gap:.1rem;display:flex}.contact-alert-title{letter-spacing:-.01em;font-size:.85rem;font-weight:800}.contact-alert-desc{opacity:.95;font-size:.78rem;line-height:1.4}@keyframes contactAlertFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.contact-submit-wrap{padding-top:.1rem}.contact-guarantee-card{border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:.85rem 1.15rem;font-size:.78rem;line-height:1.45;display:flex}.dev-criteria-list{flex-direction:column;gap:.55rem;display:flex}.dev-criteria-item{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;transition:all .2s;display:flex}.dev-criteria-item:hover{background:var(--bg-surface);border-color:#0866f54d;transform:translateY(-1px)}.dev-criteria-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:.1rem;display:flex}.dev-criteria-icon-wrap.emerald{color:#10b981;background:#10b9811f}.dev-criteria-icon-wrap.blue{color:#0866f5;background:#0866f51f}.dev-criteria-icon-wrap.amber{color:#f59e0b;background:#f59e0b1f}.dev-criteria-icon-wrap.purple{color:#a855f7;background:#a855f71f}.dev-criteria-icon-wrap.sky{color:#0ea5e9;background:#0ea5e91f}.dev-criteria-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.dev-criteria-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dev-criteria-title{color:var(--text-primary);margin:0;font-size:.8rem;font-weight:700}.dev-criteria-tag{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;padding:.12rem .4rem;font-size:.65rem;font-weight:700}.dev-criteria-tag.required{color:#059669;background:#10b9811f;border:1px solid #10b98140}.dark .dev-criteria-tag.required{color:#34d399}.dev-criteria-tag.standard{color:#0284c7;background:#0866f51a;border:1px solid #0866f533}.dark .dev-criteria-tag.standard{color:#38bdf8}.dev-criteria-tag.recommended{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.dark .dev-criteria-tag.recommended{color:#fbbf24}.dev-criteria-desc{color:var(--text-muted);margin:0;font-size:.74rem;line-height:1.45}.dev-faq-list{flex-direction:column;gap:.5rem;display:flex}.dev-faq-item{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:10px;transition:all .2s;overflow:hidden}.dev-faq-item.active{background:var(--bg-surface);border-color:#0866f559;box-shadow:0 2px 8px #0866f50f}.dev-faq-trigger{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem .85rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:color .18s;display:flex}.dev-faq-trigger:hover{color:var(--brand-primary)}.dev-faq-trigger-left{align-items:center;gap:.5rem;min-width:0;display:flex}.dev-faq-icon{width:14px;height:14px;color:var(--brand-primary);flex-shrink:0}.dev-faq-chevron{width:14px;height:14px;color:var(--text-muted);flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1)}.dev-faq-item.active .dev-faq-chevron{color:var(--brand-primary);transform:rotate(180deg)}.dev-faq-content{color:var(--text-secondary);border-top:1px dashed var(--border-color);padding:.55rem .85rem .75rem;font-size:.75rem;line-height:1.5;animation:.2s ease-out devFaqExpand}@keyframes devFaqExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact-field-textarea{width:100%;min-height:100px;color:var(--text-primary);resize:vertical;background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem;line-height:1.5}.contact-field-input::placeholder,.contact-field-textarea::placeholder{color:var(--text-muted);font-weight:400}.contact-textarea-footer{border-top:1px dashed var(--border-color);color:var(--text-muted);justify-content:flex-end;align-items:center;margin-top:.35rem;padding-top:.5rem;font-size:.75rem;display:flex}.contact-submit-btn{cursor:pointer;justify-content:center;align-items:center;gap:.6rem;width:100%;height:48px;text-decoration:none;color:#fff!important;background:linear-gradient(135deg,#0866f5 0%,#0284c7 100%)!important;border:none!important;border-radius:12px!important;font-size:.95rem!important;font-weight:800!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important;box-shadow:0 4px 14px #0866f559!important}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#0756d1 0%,#0369a1 100%)!important;box-shadow:0 6px 20px #0866f573!important}.contact-submit-btn:active:not(:disabled){transform:translateY(0)}.contact-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none!important}.faq-accordion-list{flex-direction:column;gap:.85rem;display:flex}.faq-accordion-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-left:3px solid #0000;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-accordion-item:hover{border-color:#0866f559;box-shadow:0 4px 14px -2px #0f172a0d}.faq-accordion-item.open{border-color:var(--brand-primary);border-left:3px solid var(--brand-primary);background:var(--bg-surface);box-shadow:0 6px 20px -4px #0866f51f}.faq-accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.15rem 1.35rem;display:flex}.faq-header-content{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.faq-header-meta{align-items:center;gap:.5rem;display:flex}.faq-category-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-color);align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.faq-accordion-item.open .faq-category-badge{color:var(--brand-primary);background:#0866f514;border-color:#0866f533}.faq-accordion-header h3{color:var(--text-primary);margin:0;font-size:.98rem;font-weight:800;line-height:1.35;transition:color .15s}.faq-accordion-item.open .faq-accordion-header h3{color:var(--brand-primary)}.faq-chevron-wrap{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.faq-accordion-item.open .faq-chevron-wrap{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.faq-chevron-wrap svg{transition:transform .2s}.faq-accordion-item.open .faq-chevron-wrap svg{transform:rotate(180deg);color:#fff!important}.faq-accordion-body{color:var(--text-secondary);border-top:1px dashed var(--border-color);margin-top:-.25rem;padding:1rem 1.35rem 1.35rem;font-size:.88rem;line-height:1.65}.faq-accordion-body p{margin:0}.faq-accordion-body code{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--brand-primary);padding:.15rem .4rem;font-family:monospace;font-size:.8rem}.faq-quick-solutions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:.5rem;margin-bottom:.5rem;display:grid}.faq-quick-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:var(--transition-smooth);flex-direction:column;gap:.65rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.faq-quick-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.faq-quick-card-top{align-items:center;gap:.65rem;display:flex}.faq-quick-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.faq-quick-icon.blue{color:#0866f5;background:#0866f51a}.faq-quick-icon.amber{color:#d97706;background:#f59e0b1f}.faq-quick-icon.purple{color:#8b5cf6;background:#8b5cf61f}.faq-quick-card h4{color:var(--text-primary);margin:0;font-size:.92rem;font-weight:800}.faq-quick-card p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.faq-quick-link{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-top:auto;padding:0;font-size:.78rem;font-weight:700;display:inline-flex}.faq-quick-link:hover{text-decoration:underline}.faq-search-box{background:var(--bg-subtle);border:1.5px solid var(--border-color);border-radius:var(--radius-pill);align-items:center;width:100%;max-width:580px;height:48px;margin-top:.5rem;padding:0 1rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 6px #0f172a0a;flex:none!important}.faq-search-box:focus-within{background:var(--bg-surface);border-color:var(--brand-primary);box-shadow:0 0 0 3px #0866f526,0 4px 12px #0866f514}.faq-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding-left:.65rem;padding-right:.5rem;font-family:inherit;font-size:.9rem;font-weight:500}.faq-search-box input::placeholder{color:var(--text-muted)}.faq-search-clear{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.faq-search-clear:hover{background:var(--bg-surface);color:var(--text-primary)}.faq-popular-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.78rem;display:flex}.faq-popular-label{color:var(--text-muted);align-items:center;gap:.3rem;font-weight:700;display:inline-flex}.faq-popular-pill{border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);padding:.25rem .65rem;font-size:.74rem;font-weight:600}.faq-popular-pill:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#0866f50d}.policy-toc-nav{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.45rem;padding:1rem 1.25rem;display:flex}.policy-toc-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.35rem;margin-right:.4rem;font-size:.76rem;font-weight:800;display:flex}.policy-toc-chip{border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color);transition:var(--transition-smooth);cursor:pointer;align-items:center;gap:.3rem;padding:.32rem .75rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.policy-toc-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--bg-surface);transform:translateY(-1px)}.policy-callout{border-radius:var(--radius-lg);border:1px solid;align-items:flex-start;gap:.85rem;margin:.35rem 0;padding:1rem 1.25rem;font-size:.85rem;line-height:1.6;display:flex}.policy-callout.blue{color:var(--text-primary);background:#0866f50f;border-color:#0866f538}.policy-callout.emerald{color:var(--text-primary);background:#10b9810f;border-color:#10b98138}.policy-callout.amber{color:var(--text-primary);background:#f59e0b0f;border-color:#f59e0b38}.policy-callout-icon{flex-shrink:0;margin-top:.15rem}.workflow-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:.5rem 0;display:grid}.workflow-step-card{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-smooth);flex-direction:column;gap:.65rem;padding:1.25rem;display:flex;position:relative}.workflow-step-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.workflow-step-num{background:var(--brand-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;display:flex}.workflow-step-card h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:800}.workflow-step-card p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.faq-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.faq-toggle-all-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-size:.78rem;font-weight:700;display:inline-flex}.faq-toggle-all-btn:hover{text-decoration:underline}.faq-helpful-bar{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.85rem;padding-top:.85rem;font-size:.78rem;display:flex}.faq-helpful-btns{align-items:center;gap:.45rem;display:flex}.faq-helpful-btn{border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.faq-helpful-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.faq-helpful-btn.active{color:#10b981;background:#10b9811a;border-color:#10b981}.content-cta-banner{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg,#0866f5 0%,#3730a3 100%);border:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:.5rem;padding:2.25rem 2.5rem;display:flex;box-shadow:0 12px 30px -6px #0866f566}.content-cta-text{flex-direction:column;gap:.45rem;max-width:650px;display:flex}.content-cta-badge{color:#fde047;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;font-size:.76rem;font-weight:800;display:inline-flex}.content-cta-title{margin:0;font-size:1.5rem;font-weight:900;line-height:1.25;color:#fff!important}.content-cta-desc{margin:0;font-size:.9rem;line-height:1.5;color:#ffffffe6!important}.content-cta-btn{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;border-radius:var(--radius-pill)!important;color:#0866f5!important;background:#fff!important;border:none!important;padding:.85rem 1.85rem!important;font-size:.92rem!important;font-weight:800!important;transition:all .2s ease-in-out!important;display:inline-flex!important;box-shadow:0 6px 18px #0000002e!important}.content-cta-btn:hover{transform:translateY(-2px);color:#0756d1!important;background:#f8fafc!important;box-shadow:0 8px 24px #0000003d!important}.content-cta-btn svg{stroke-width:2.5px;color:#0866f5!important}@media (width<=640px){.content-cta-banner{flex-direction:column;align-items:flex-start;padding:1.5rem}.content-cta-title{font-size:1.25rem}.content-cta-btn{width:100%}}