@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f172a;--card-bg:#111827;--accent-primary:#8b5cf6;--accent-secondary:#3b82f6;--text-main:#f8fafc;--text-muted:#94a3b8;--glow:0 0 20px #8b5cf64d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glow-text{text-shadow:0 0 10px #8b5cf680}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827b3;border:1px solid #ffffff0d}.main-content{flex:1}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{background-color:var(--bg-color);min-height:100vh;color:var(--text-main)}.navbar{z-index:40;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon-wrapper{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.logo-text{background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.nav-actions{align-items:center;gap:1.5rem;display:flex}.search-container{align-items:center;display:flex;position:relative}.search-icon{position:absolute;left:12px}.search-input{color:#fff;background:#1e293b80;border:1px solid #ffffff0d;border-radius:9999px;outline:none;width:240px;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem}.user-button{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;display:flex}.footer{text-align:center;border-top:1px solid #ffffff0d;width:100%;margin-top:4rem;padding:2rem 0}.footer-text{color:#94a3b8;opacity:.6;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:500}.game-card{cursor:pointer;background:#111827;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;height:100%;display:flex;overflow:hidden}.game-card-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.thumbnail-container{width:100%;padding-top:56.25%;position:relative}.thumbnail-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.genre-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#8b5cf6;background:#0009;border:1px solid #8b5cf64d;border-radius:9999px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.card-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.card-title{color:#f8fafc;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.card-description{color:#94a3b8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.platform-info{color:#64748b;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.details-link{color:#8b5cf6;align-items:center;font-size:.85rem;font-weight:600;display:flex}.loader-overlay{z-index:50;background-color:#0f172a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-cube{background:linear-gradient(135deg,#8b5cf6,#3b82f6);width:60px;height:60px;box-shadow:0 0 30px #8b5cf680}.loader-text{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-top:2rem;font-size:.875rem;font-weight:700}.pagination-container{justify-content:center;align-items:center;gap:1rem;margin-top:4rem;padding-bottom:2rem;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #ffffff0d;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:#334155;border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf64d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#94a3b8;font-size:.95rem;font-weight:500}.page-numbers{gap:.5rem;display:flex}.page-number{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #ffffff0d;border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .2s;display:flex}.page-number:hover:not(.active){color:#fff;border-color:#3b82f6}.page-number.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;box-shadow:0 0 15px #8b5cf666}.home-container{padding:100px 2rem 4rem}.home-content{max-width:1400px;margin:0 auto}.home-header{margin-bottom:3rem}.trending-badge{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.trending-text{color:#8b5cf6;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:600}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.hero-title{margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1.1}.hero-subtitle{color:#94a3b8;max-width:600px;font-size:1.1rem}.filter-button{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #ffffff0d;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.error-container{text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:1.5rem;padding:4rem}.error-title{color:#ef4444;margin-bottom:1rem}.error-msg{color:#94a3b8}.error-note{margin-top:1rem;font-size:.9rem}.games-grid-container{min-height:800px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.details-container{max-width:1200px;margin:0 auto;padding:100px 2rem 4rem}.back-button{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:600;display:flex}.not-found{text-align:center}.info-header.genre{color:#8b5cf6}.info-header.platform{color:#3b82f6}.info-header.publisher{color:#10b981}.info-header.release{color:#f59e0b}.details-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:3rem;display:grid}.details-image{border-radius:1.5rem;width:100%;box-shadow:0 20px 50px #00000080}.info-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.info-card{background:#111827;border:1px solid #ffffff0d;border-radius:1rem;padding:1rem}.info-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.info-label{font-size:.75rem;font-weight:600}.info-value{font-weight:700}.info-value-small{font-size:.9rem;font-weight:700}.game-title{margin-bottom:1rem;font-size:3.5rem;font-weight:800}.game-description{color:#94a3b8;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.play-button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 30px #8b5cf666}.specs-section{margin-top:3rem}.specs-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.specs-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.spec-item-label{color:#64748b;text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem}.spec-item-value{font-weight:500}.screenshots-section{margin-top:4rem}.screenshots-title{margin-bottom:1.5rem;font-size:1.5rem}.screenshots-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.screenshot-img{border:1px solid #ffffff0d;border-radius:1rem;width:100%}