*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#6C5CE7;--secondary-color:#A29BFE;--dark-bg:#1A1A2E;--light-bg:#16213E;--text-primary:#FFFFFF;--text-secondary:#A8B2D1;--accent:#00F5FF;--card-bg:#0F3460;--hover-glow:rgba(108, 92, 231, 0.3)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--light-bg) 100%);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:0 20px}.site-header{background:rgb(26 26 46 / .95);backdrop-filter:blur(10px);padding:20px 0;position:sticky;top:0;z-index:1000;border-bottom:2px solid var(--primary-color);box-shadow:0 4px 20px rgb(0 0 0 / .3)}.header-inner{display:flex;justify-content:space-between;align-items:center}.site-logo{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;text-decoration:none;transition:transform 0.3s}.site-logo:hover{transform:scale(1.05)}.main-nav ul{list-style:none;display:flex;gap:30px}.main-nav a{color:var(--text-primary);text-decoration:none;padding:10px 20px;border-radius:8px;transition:all 0.3s;position:relative}.main-nav a:hover{background:var(--primary-color);box-shadow:0 0 20px var(--hover-glow)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin:40px 0}.game-card{background:var(--card-bg);border-radius:15px;overflow:hidden;transition:all 0.3s;border:2px solid #fff0;cursor:pointer}.game-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 10px 40px var(--hover-glow)}.game-thumbnail{width:100%;height:200px;object-fit:cover;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.game-info{padding:20px}.game-title{font-size:1.2rem;margin-bottom:10px;color:var(--text-primary)}.game-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.game-meta{display:flex;justify-content:space-between;margin-top:15px;padding-top:15px;border-top:1px solid rgb(255 255 255 / .1)}.game-category{background:var(--primary-color);padding:5px 12px;border-radius:20px;font-size:.8rem}.play-btn{background:var(--accent);color:var(--dark-bg);padding:10px 25px;border-radius:25px;text-decoration:none;font-weight:700;display:inline-block;transition:all 0.3s}.play-btn:hover{background:var(--primary-color);color:#fff;box-shadow:0 0 20px var(--hover-glow)}.ad-space{background:rgb(255 255 255 / .05);padding:20px;border-radius:10px;margin:20px 0;text-align:center;min-height:250px;display:flex;align-items:center;justify-content:center;border:2px dashed rgb(255 255 255 / .1)}.ad-space.top-banner{min-height:90px}.ad-space.sidebar{min-height:600px}.ad-space.in-content{min-height:250px}.site-footer{background:var(--dark-bg);padding:40px 0;margin-top:60px;border-top:2px solid var(--primary-color)}.footer-content{text-align:center;color:var(--text-secondary)}.game-container{max-width:1200px;margin:40px auto;background:var(--card-bg);border-radius:20px;padding:30px}.game-iframe-container{position:relative;width:100%;padding-bottom:75%;margin:20px 0;border-radius:15px;overflow:hidden;box-shadow:0 10px 40px rgb(0 0 0 / .5)}.game-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.game-content{margin:30px 0}.game-content h1{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(135deg,var(--primary-color),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.category-filter{display:flex;gap:15px;margin:30px 0;flex-wrap:wrap}.category-btn{background:var(--card-bg);color:var(--text-primary);padding:12px 25px;border-radius:25px;text-decoration:none;transition:all 0.3s;border:2px solid #fff0}.category-btn:hover,.category-btn.active{background:var(--primary-color);border-color:var(--accent);box-shadow:0 0 20px var(--hover-glow)}@media (max-width:768px){.header-inner{flex-direction:column;gap:20px}.main-nav ul{flex-direction:column;gap:10px;text-align:center}.games-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.game-content h1{font-size:1.8rem}}.loading{display:inline-block;width:50px;height:50px;border:5px solid rgb(255 255 255 / .1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-bar{margin:30px 0}.search-bar input{width:100%;padding:15px 25px;border-radius:50px;border:2px solid var(--primary-color);background:var(--card-bg);color:var(--text-primary);font-size:1rem}.search-bar input:focus{outline:none;box-shadow:0 0 20px var(--hover-glow)}