:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--bg: #0f172a;--text: #f8fafc;--text-muted: #94a3b8;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--navbar-bg: rgba(15, 23, 42, .8);--font: "Inter", sans-serif;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;width:100%;top:0;z-index:1000;background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);transition:background-color var(--transition)}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-1px}.logo span{color:var(--primary)}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--text)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--glass-border);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s}.btn-secondary:hover{background:var(--glass)}.dropdown{position:relative}.dropdown-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);font-weight:500;cursor:pointer;transition:color .3s}.dropdown:hover .dropdown-btn{color:var(--text)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--bg);border:1px solid var(--glass-border);padding:1rem;border-radius:12px;display:flex;gap:1.5rem;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 10px 30px #00000080;min-width:320px;justify-content:space-around}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.app-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);transition:transform .3s}.app-item:hover{transform:translateY(-5px)}.app-icon{font-size:2rem;width:50px;height:50px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;display:flex;align-items:center;justify-content:center}.app-name{font-size:.75rem;font-weight:600;color:var(--text-muted);text-align:center}.hero{height:100vh;display:flex;align-items:center;padding:0 5%;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.15),transparent 40%)}.hero-content{flex:1;max-width:600px}.hero-content h1{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-content h1 span{background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}.hero-btns{display:flex;gap:1rem}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center}.blob-container{width:400px;height:400px;background:var(--primary);filter:blur(80px);border-radius:50%;opacity:.4;animation:pulse 10s infinite alternate}@keyframes pulse{0%{transform:scale(1) translate(0)}to{transform:scale(1.2) translate(20px,-20px)}}.features{padding:8rem 5%}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header h2 span{color:var(--primary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--glass);border:1px solid var(--glass-border);padding:2.5rem;border-radius:20px;transition:transform .3s,background .3s}.feature-card:hover{transform:translateY(-10px);background:#ffffff0d}.feature-card .icon{font-size:2.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-muted)}.game-zone{padding:8rem 5%;background:radial-gradient(circle at 20% 80%,rgba(168,85,247,.1),transparent 40%)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:2rem;justify-items:center}.game-card{display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;transition:transform .3s}.game-card:hover{transform:translateY(-10px) scale(1.05)}.game-icon-box{width:100px;height:100px;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 4px 15px #0000004d;overflow:hidden;position:relative}.game-icon-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1))}.game-name{font-size:.9rem;font-weight:600;color:var(--text);text-align:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{padding:4rem 5%;text-align:center;border-top:1px solid var(--glass-border);color:var(--text-muted)}@media(max-width:768px){.hero{flex-direction:column;text-align:center;padding-top:8rem}.hero-content h1{font-size:2.5rem}.hero-btns{justify-content:center}.nav-links{display:none}}