:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #14b8a6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4%;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-size:1.8rem;font-weight:900;color:#fff;display:flex;align-items:center;gap:10px}.logo-icon{color:var(--primary);font-size:2.2rem}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:600;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.search-bar{display:flex;background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.search-bar input{background:transparent;border:none;padding:.5rem 1rem;color:#fff;outline:none}.search-bar button{background:transparent;border:none;padding:.5rem 1rem;color:var(--text-muted);cursor:pointer}.portal-main{padding:2rem 4%;max-width:1600px;margin:0 auto}.hero-section{background:linear-gradient(to right,#0f172ae6,#0f172a66),url(https://images.unsplash.com/photo-1614730321146-b6fa6a46bcb4?q=80&w=1974&auto=format&fit=crop) center/cover;border-radius:20px;padding:4rem;margin-bottom:4rem;box-shadow:0 20px 40px #00000080;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hero-content{max-width:600px}.badge{display:inline-block;background:var(--primary);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:1rem;letter-spacing:1px}.hero-content h1{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1rem;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem}.btn-play-now{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;padding:1rem 2.5rem;border-radius:30px;font-weight:700;font-size:1.2rem;transition:all .3s;box-shadow:0 10px 20px #6366f166}.btn-play-now:hover{background:var(--primary-hover);transform:translateY(-3px);box-shadow:0 15px 25px #6366f199}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title h2{font-size:2rem}.filters{display:flex;gap:10px}.filter-btn{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.5rem 1.5rem;border-radius:20px;cursor:pointer;font-weight:600;transition:all .2s;font-family:inherit}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:4rem}.game-card{background:var(--bg-card);border-radius:15px;overflow:hidden;transition:transform .3s,box-shadow .3s;text-decoration:none;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05)}.game-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0006;border-color:#ffffff26}.game-thumbnail{width:100%;height:140px;background-size:cover;background-position:center;position:relative}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.game-card:hover .game-overlay{opacity:1}.play-icon{font-size:3rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}.game-info{padding:1rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.game-title{color:var(--text-main);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.game-category{color:var(--accent);font-size:.8rem;font-weight:600}.portal-footer{text-align:center;padding:2rem;background:var(--bg-card);color:var(--text-muted);border-top:1px solid rgba(255,255,255,.05)}