@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #6c5ce7;--color-primary-light: #a29bfe;--color-primary-dark: #4a3fc7;--color-secondary: #00cec9;--color-secondary-light: #81ecec;--color-accent: #fd79a8;--color-accent-light: #fab1d0;--color-warning: #fdcb6e;--color-success: #00b894;--color-danger: #e17055;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-background: var(--color-gray-50);--color-surface: var(--color-white);--color-text: var(--color-gray-800);--color-text-secondary: var(--color-gray-500);--color-border: var(--color-gray-200);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--container-max: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{min-height:100vh;color:var(--color-text);background:var(--color-background);font-family:var(--font-family);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;font-family:inherit;border:none;outline:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900)}#app{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}@media(min-width:768px){.container{padding:0 var(--space-xl)}}main{flex:1}.page-enter-active,.page-leave-active{transition:opacity var(--transition-base),transform var(--transition-base)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.lang-icon[data-v-c6c07316]{font-size:1rem;line-height:1}.lang-toggle[data-v-c6c07316]{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.lang-toggle[data-v-c6c07316]:hover{background:#6c5ce714;border-color:var(--color-primary-light);color:var(--color-primary)}.lang-dropdown[data-v-c6c07316]{position:relative;display:inline-flex}.lang-dropdown-trigger[data-v-c6c07316]{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;font-family:inherit;color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.lang-dropdown-trigger[data-v-c6c07316]:hover,.lang-dropdown.open .lang-dropdown-trigger[data-v-c6c07316]{background:#6c5ce714;border-color:var(--color-primary-light);color:var(--color-primary)}.lang-label[data-v-c6c07316]{line-height:1}.lang-chevron[data-v-c6c07316]{font-size:.7rem;line-height:1;transition:transform var(--transition-fast);margin-left:.1rem}.lang-dropdown.open .lang-chevron[data-v-c6c07316]{transform:rotate(180deg)}.lang-dropdown-menu[data-v-c6c07316]{position:absolute;top:calc(100% + 6px);right:0;min-width:130px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;padding:.3rem;margin:0;z-index:200;overflow:hidden}.lang-dropdown-item[data-v-c6c07316]{padding:.45rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.lang-dropdown-item[data-v-c6c07316]:hover{background:#6c5ce714;color:var(--color-primary)}.lang-dropdown-item.active[data-v-c6c07316]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-weight:600}.dropdown-enter-active[data-v-c6c07316],.dropdown-leave-active[data-v-c6c07316]{transition:opacity var(--transition-fast),transform var(--transition-fast)}.dropdown-enter-from[data-v-c6c07316],.dropdown-leave-to[data-v-c6c07316]{opacity:0;transform:translateY(-6px) scale(.97)}.app-header[data-v-ef295956]{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-inner[data-v-ef295956]{display:flex;align-items:center;justify-content:space-between;height:60px}.logo[data-v-ef295956]{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-gray-900)}.logo-icon[data-v-ef295956]{font-size:1.75rem}.logo-text[data-v-ef295956]{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-nav[data-v-ef295956]{display:none;gap:var(--space-lg);align-items:center}.desktop-nav a[data-v-ef295956]{font-weight:600;color:var(--color-gray-600);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.desktop-nav a[data-v-ef295956]:hover,.desktop-nav a.active[data-v-ef295956]{color:var(--color-primary);background:#6c5ce714}.auth-user[data-v-ef295956]{display:flex;align-items:center;gap:var(--space-sm)}.auth-phone[data-v-ef295956]{font-size:.85rem;font-weight:600;color:var(--color-gray-600);padding:var(--space-xs) var(--space-sm);background:var(--color-gray-100);border-radius:var(--radius-full)}.btn-login[data-v-ef295956]{padding:var(--space-sm) var(--space-lg);font-size:.9rem;font-weight:700;font-family:var(--font-family);color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-login[data-v-ef295956]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce759}.btn-login[data-v-ef295956]:active{transform:translateY(0)}.btn-logout[data-v-ef295956]{padding:var(--space-xs) var(--space-md);font-size:.85rem;font-weight:600;font-family:var(--font-family);color:var(--color-gray-600);background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.btn-logout[data-v-ef295956]:hover{background:var(--color-gray-100);color:var(--color-gray-800);border-color:var(--color-gray-300)}.mobile-actions[data-v-ef295956]{display:flex;align-items:center;gap:var(--space-sm)}@media(min-width:768px){.desktop-nav[data-v-ef295956]{display:flex}.mobile-actions[data-v-ef295956]{display:none!important}}.hamburger[data-v-ef295956]{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;padding:6px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.hamburger[data-v-ef295956]:hover{background:var(--color-gray-100)}.hamburger span[data-v-ef295956]{display:block;width:100%;height:2.5px;background:var(--color-gray-700);border-radius:2px;transition:all var(--transition-base);transform-origin:center}.hamburger.open span[data-v-ef295956]:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger.open span[data-v-ef295956]:nth-child(2){opacity:0}.hamburger.open span[data-v-ef295956]:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-overlay[data-v-ef295956]{position:fixed;inset:60px 0 0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-nav[data-v-ef295956]{background:var(--color-white);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:var(--shadow-lg)}.mobile-nav a[data-v-ef295956]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;color:var(--color-gray-700);transition:all var(--transition-fast)}.mobile-nav a[data-v-ef295956]:hover,.mobile-nav a.active[data-v-ef295956]{background:#6c5ce714;color:var(--color-primary)}.nav-icon[data-v-ef295956]{font-size:1.3rem}.mobile-nav-divider[data-v-ef295956]{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.mobile-auth-info[data-v-ef295956]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.mobile-auth-phone[data-v-ef295956]{font-size:1rem;font-weight:600;color:var(--color-gray-600)}.mobile-btn-login[data-v-ef295956]{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);font-size:1.1rem;font-weight:700;font-family:var(--font-family);color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.mobile-btn-login[data-v-ef295956]:hover{box-shadow:0 4px 12px #6c5ce759}.mobile-btn-logout[data-v-ef295956]{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);font-size:1.1rem;font-weight:600;font-family:var(--font-family);color:var(--color-gray-700);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.mobile-btn-logout[data-v-ef295956]:hover{background:#6c5ce714;color:var(--color-primary)}.overlay-enter-active[data-v-ef295956],.overlay-leave-active[data-v-ef295956]{transition:opacity var(--transition-base)}.overlay-enter-from[data-v-ef295956],.overlay-leave-to[data-v-ef295956]{opacity:0}.overlay-enter-active .mobile-nav[data-v-ef295956],.overlay-leave-active .mobile-nav[data-v-ef295956]{transition:transform var(--transition-base)}.overlay-enter-from .mobile-nav[data-v-ef295956],.overlay-leave-to .mobile-nav[data-v-ef295956]{transform:translateY(-20px)}.app-footer[data-v-d5cc8121]{background:var(--color-gray-900);color:var(--color-gray-300);margin-top:auto;padding:var(--space-3xl) 0 var(--space-lg)}.footer-grid[data-v-d5cc8121]{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media(min-width:768px){.footer-grid[data-v-d5cc8121]{grid-template-columns:2fr 1fr 1fr}}.footer-brand[data-v-d5cc8121]{display:flex;flex-direction:column;gap:var(--space-md)}.footer-logo[data-v-d5cc8121]{display:flex;align-items:center;gap:var(--space-sm)}.footer-logo .logo-icon[data-v-d5cc8121]{font-size:1.5rem}.footer-logo .logo-text[data-v-d5cc8121]{font-size:1.3rem;font-weight:800;color:var(--color-white)}.footer-desc[data-v-d5cc8121]{font-size:.9rem;line-height:1.7;max-width:300px}.footer-links[data-v-d5cc8121]{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links h4[data-v-d5cc8121]{color:var(--color-white);font-size:1rem;font-weight:700;margin-bottom:var(--space-sm)}.footer-links a[data-v-d5cc8121]{color:var(--color-gray-400);font-size:.9rem;transition:color var(--transition-fast)}.footer-links a[data-v-d5cc8121]:hover{color:var(--color-white)}.footer-bottom[data-v-d5cc8121]{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-700);text-align:center;font-size:.85rem;color:var(--color-gray-500)}.cookie-banner[data-v-77c6b766]{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--color-gray-900);color:var(--color-gray-200);padding:var(--space-lg) 0;box-shadow:0 -4px 20px #00000026}.cookie-inner[data-v-77c6b766]{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.cookie-inner[data-v-77c6b766]{flex-direction:row;align-items:center;justify-content:space-between}}.cookie-content[data-v-77c6b766]{display:flex;align-items:flex-start;gap:var(--space-md)}.cookie-icon[data-v-77c6b766]{font-size:1.5rem;flex-shrink:0;margin-top:2px}.cookie-text p[data-v-77c6b766]{font-size:.9rem;line-height:1.6}.cookie-link[data-v-77c6b766]{color:var(--color-primary-light);text-decoration:underline;font-weight:500}.cookie-link[data-v-77c6b766]:hover{color:var(--color-white)}.cookie-actions[data-v-77c6b766]{display:flex;gap:var(--space-sm);flex-shrink:0}.btn-decline[data-v-77c6b766],.btn-accept[data-v-77c6b766]{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;transition:all var(--transition-fast)}.btn-decline[data-v-77c6b766]{background:transparent;color:var(--color-gray-400);border:1px solid var(--color-gray-600)}.btn-decline[data-v-77c6b766]:hover{background:var(--color-gray-800);color:var(--color-gray-200)}.btn-accept[data-v-77c6b766]{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.btn-accept[data-v-77c6b766]:hover{transform:scale(1.03);box-shadow:0 4px 12px #6c5ce766}.slide-up-enter-active[data-v-77c6b766]{transition:transform .5s ease,opacity .5s ease}.slide-up-leave-active[data-v-77c6b766]{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from[data-v-77c6b766],.slide-up-leave-to[data-v-77c6b766]{transform:translateY(100%);opacity:0}.modal-backdrop[data-v-c45614b8]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card[data-v-c45614b8]{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:440px;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-c45614b8]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl) 0}.modal-logo[data-v-c45614b8]{display:flex;align-items:center;gap:var(--space-sm)}.modal-logo-icon[data-v-c45614b8]{font-size:1.5rem}.modal-logo-text[data-v-c45614b8]{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close[data-v-c45614b8]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-gray-500);background:transparent;transition:background var(--transition-fast),color var(--transition-fast)}.modal-close[data-v-c45614b8]:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-800)}.modal-close[data-v-c45614b8]:disabled{opacity:.4;cursor:not-allowed}.modal-title-block[data-v-c45614b8]{padding:var(--space-lg) var(--space-xl) 0;text-align:center}.modal-title[data-v-c45614b8]{font-size:1.5rem;font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-xs)}.modal-subtitle[data-v-c45614b8]{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.modal-form[data-v-c45614b8]{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.field[data-v-c45614b8]{display:flex;flex-direction:column;gap:var(--space-xs)}.field-label[data-v-c45614b8]{font-size:.9rem;font-weight:600;color:var(--color-gray-700)}.field-input[data-v-c45614b8]{padding:.7rem 1rem;font-size:1rem;font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field-input[data-v-c45614b8]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c5ce72e}.field-input--error[data-v-c45614b8]{border-color:var(--color-danger)}.field-input--error[data-v-c45614b8]:focus{box-shadow:0 0 0 3px #e1705533}.field-error[data-v-c45614b8]{font-size:.8rem;color:var(--color-danger);font-weight:500}.alert-error[data-v-c45614b8]{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#fff3f2;border:1px solid #ffd5d0;border-radius:var(--radius-md);color:#c0392b}.alert-icon[data-v-c45614b8]{font-size:1rem;flex-shrink:0;margin-top:1px}.alert-body[data-v-c45614b8]{display:flex;flex-direction:column;gap:4px;font-size:.9rem;line-height:1.4}.alert-body small[data-v-c45614b8]{font-size:.8rem;opacity:.85}.submit-btn[data-v-c45614b8]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;font-family:var(--font-family);color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.submit-btn[data-v-c45614b8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6c5ce766}.submit-btn[data-v-c45614b8]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-c45614b8]:disabled{opacity:.55;cursor:not-allowed}.spinner[data-v-c45614b8]{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-c45614b8 .65s linear infinite;flex-shrink:0}@keyframes spin-c45614b8{to{transform:rotate(360deg)}}.modal-hint[data-v-c45614b8]{text-align:center;font-size:.8rem;color:var(--color-text-secondary);padding:0 var(--space-xl) var(--space-xl);line-height:1.5}.modal-enter-active[data-v-c45614b8],.modal-leave-active[data-v-c45614b8]{transition:opacity var(--transition-base)}.modal-enter-active .modal-card[data-v-c45614b8],.modal-leave-active .modal-card[data-v-c45614b8]{transition:transform var(--transition-base),opacity var(--transition-base)}.modal-enter-from[data-v-c45614b8],.modal-leave-to[data-v-c45614b8]{opacity:0}.modal-enter-from .modal-card[data-v-c45614b8]{transform:translateY(-20px) scale(.97);opacity:0}.modal-leave-to .modal-card[data-v-c45614b8]{transform:translateY(10px) scale(.97);opacity:0}@media(max-width:480px){.modal-card[data-v-c45614b8]{border-radius:var(--radius-lg)}.modal-form[data-v-c45614b8]{padding:var(--space-lg)}.modal-header[data-v-c45614b8],.modal-title-block[data-v-c45614b8],.modal-hint[data-v-c45614b8]{padding-left:var(--space-lg);padding-right:var(--space-lg)}}.game-card[data-v-8167efe6]{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;display:flex;flex-direction:column}.game-card[data-v-8167efe6]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-image[data-v-8167efe6]{position:relative;aspect-ratio:4 / 3;overflow:hidden}.card-image img[data-v-8167efe6]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.game-card:hover .card-image img[data-v-8167efe6]{transform:scale(1.05)}.category-badge[data-v-8167efe6]{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:2px 10px;border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.card-body[data-v-8167efe6]{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.card-title[data-v-8167efe6]{font-size:1.05rem;font-weight:700;color:var(--color-gray-900)}.card-desc[data-v-8167efe6]{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;flex:1}.play-btn[data-v-8167efe6]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-top:auto}.play-btn[data-v-8167efe6]:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));transform:scale(1.02);box-shadow:0 4px 12px #6c5ce766}.play-icon[data-v-8167efe6]{font-size:.75rem}.category-filter[data-v-4e218014]{margin-bottom:var(--space-xl)}.filter-scroll[data-v-4e218014]{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-xs) 0}.filter-pill[data-v-4e218014]{padding:.4rem .9rem;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-gray-600);font-size:.85rem;font-weight:600;border:2px solid var(--color-border);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer}.filter-pill[data-v-4e218014]:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.filter-pill.active[data-v-4e218014]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-color:transparent;box-shadow:0 2px 8px #6c5ce74d}@media(min-width:768px){.filter-pill[data-v-4e218014]{padding:var(--space-sm) var(--space-lg);font-size:.9rem}}.hero[data-v-98ee78a9]{background:linear-gradient(135deg,#6c5ce7,#a29bfe,#fd79a8);color:#fff;padding:var(--space-3xl) 0;position:relative;overflow:hidden}.hero[data-v-98ee78a9]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%)}.hero-inner[data-v-98ee78a9]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2xl);position:relative;z-index:1}@media(min-width:768px){.hero-inner[data-v-98ee78a9]{flex-direction:row;text-align:left}.hero[data-v-98ee78a9]{padding:var(--space-3xl) 0 calc(var(--space-3xl) + 1rem)}}.hero-content[data-v-98ee78a9]{flex:1}.hero-title[data-v-98ee78a9]{font-size:2.2rem;font-weight:800;line-height:1.15;color:#fff;margin-bottom:var(--space-md)}@media(min-width:768px){.hero-title[data-v-98ee78a9]{font-size:3rem}}.gradient-text[data-v-98ee78a9]{display:block;background:linear-gradient(90deg,#fdcb6e,#ffeaa7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-98ee78a9]{font-size:1.1rem;line-height:1.7;opacity:.9;max-width:480px;margin-bottom:var(--space-xl)}.hero-cta[data-v-98ee78a9]{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:#fff;color:var(--color-primary);font-weight:700;font-size:1.1rem;border-radius:var(--radius-full);box-shadow:0 4px 15px #00000026;transition:all var(--transition-base);text-decoration:none}.hero-cta[data-v-98ee78a9]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;color:var(--color-primary-dark)}.hero-visual[data-v-98ee78a9]{flex-shrink:0}.hero-emoji-grid[data-v-98ee78a9]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.hero-emoji-grid span[data-v-98ee78a9]{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#ffffff26;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(min-width:768px){.hero-emoji-grid span[data-v-98ee78a9]{font-size:3rem;width:90px;height:90px}}@keyframes float-98ee78a9{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating[data-v-98ee78a9]{animation:float-98ee78a9 3s ease-in-out infinite}.games-section[data-v-98ee78a9]{padding:var(--space-3xl) 0}.section-header[data-v-98ee78a9]{margin-bottom:var(--space-xl)}.section-header h2[data-v-98ee78a9]{font-size:1.75rem;font-weight:800;margin-bottom:var(--space-xs)}.section-header p[data-v-98ee78a9]{color:var(--color-text-secondary);font-size:1rem}.games-grid[data-v-98ee78a9]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:640px){.games-grid[data-v-98ee78a9]{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(min-width:900px){.games-grid[data-v-98ee78a9]{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.games-grid[data-v-98ee78a9]{grid-template-columns:repeat(4,1fr)}}.grid-enter-active[data-v-98ee78a9]{transition:all .3s ease}.grid-leave-active[data-v-98ee78a9]{transition:all .2s ease}.grid-enter-from[data-v-98ee78a9],.grid-leave-to[data-v-98ee78a9]{opacity:0;transform:scale(.95)}.grid-move[data-v-98ee78a9]{transition:transform .3s ease}.empty-state[data-v-98ee78a9]{text-align:center;padding:var(--space-3xl);color:var(--color-text-secondary);font-size:1.1rem}