:root{--color-bg:#0a0a0c;--color-cyan:#00f2ff;--color-purple:#bc00ff;--color-text:#e0e0e0;--color-text-muted:#8a8a93;--color-glass:#14141999;--color-glass-border:#ffffff14;--font-body:"Inter", system-ui, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--shadow-glow:0 0 20px #00f2ff4d}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);background-image:radial-gradient(circle at 15%,#bc00ff14 0%,#0000 50%),radial-gradient(circle at 85% 30%,#00f2ff14 0%,#0000 50%);background-attachment:fixed;margin:0;padding:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;margin-top:0}.highlight{background:linear-gradient(90deg, var(--color-cyan), var(--color-purple));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #bc00ff66;-webkit-background-clip:text}.glass-box{background:var(--color-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-glass-border);background:#0a0a0ccc;width:100%;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{font-family:var(--font-heading);letter-spacing:1px;font-size:24px;font-weight:900}nav{gap:24px;display:flex}.nav-link{color:var(--color-text);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--color-cyan)}main{flex-direction:column;gap:40px;max-width:1000px;margin:100px auto 40px;padding:0 20px;display:flex}.hero{text-align:center;padding:60px 40px}.hero-title{letter-spacing:-1px;margin-bottom:20px;font-size:3.5rem;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto 40px;font-size:1.1rem}.cta-pulse{background:linear-gradient(135deg, var(--color-purple), var(--color-cyan));color:#fff;font-family:var(--font-heading);letter-spacing:1px;box-shadow:var(--shadow-glow);border-radius:30px;padding:16px 40px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;animation:2s infinite pulse;display:inline-block}.cta-pulse:hover{animation:none;transform:translateY(-2px);box-shadow:0 0 30px #00f2ff99}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 15px #bc00ff66}50%{transform:scale(1.05);box-shadow:0 0 25px #00f2ff99}to{transform:scale(1);box-shadow:0 0 15px #bc00ff66}}.section-title{text-align:center;margin-bottom:30px;font-size:2.2rem}.game-container{aspect-ratio:16/9;background:#000;background:linear-gradient(135deg, var(--color-purple) 0%, var(--color-cyan) 100%);border-radius:12px;width:100%;padding:4px;position:relative;overflow:hidden}.game-cover{z-index:20;cursor:pointer;background-position:50%;background-size:cover;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:4px}.game-cover:before{content:"";background:#00000080;border-radius:8px;transition:background .3s;position:absolute;inset:0}.game-cover:hover:before{background:#0003}.play-btn-wrapper{z-index:21;position:relative}.play-btn{background:linear-gradient(135deg, var(--color-purple), var(--color-cyan));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 0 30px #00f2ff80}.play-btn:hover{transform:scale(1.1);box-shadow:0 0 40px #bc00ffcc}.loading-overlay{background:var(--color-bg);z-index:10;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:4px}.spinner{border:4px solid var(--color-glass-border);border-top-color:var(--color-cyan);border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}iframe{z-index:5;background:#000;border:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.fullscreen-btn{z-index:25;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #fff3;border-radius:8px;padding:8px;transition:background .3s;position:absolute;bottom:16px;right:16px}.fullscreen-btn:hover{background:#00f2ff66}.ad-banner-placeholder{width:100%;height:90px;color:var(--color-text-muted);border:1px dashed var(--color-glass-border);justify-content:center;align-items:center;margin-top:24px;font-size:14px;display:flex}.content-wrapper{padding:40px}.text-content h3{color:#fff;border-bottom:1px solid var(--color-glass-border);margin-top:30px;padding-bottom:8px;font-size:1.5rem}.text-content ul,.text-content ol{margin-bottom:24px;padding-left:20px}.text-content li{margin-bottom:10px}details{border:1px solid var(--color-glass-border);background:#ffffff08;border-radius:8px;margin-bottom:16px;transition:background .3s;overflow:hidden}details:hover{background:#ffffff0d}summary{font-family:var(--font-heading);cursor:pointer;color:var(--color-cyan);justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.1rem;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--color-text-muted);font-size:1.5rem}details[open] summary:after{content:"−"}.details-content{color:var(--color-text);padding:0 20px 20px;line-height:1.6}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.source-card{border:1px solid var(--color-glass-border);background:#0006;border-radius:12px;padding:24px;transition:transform .3s,border-color .3s}.source-card:hover{border-color:var(--color-purple);transform:translateY(-4px)}.source-card h4{margin-bottom:12px;font-size:1.2rem}.source-card a{color:var(--color-cyan);margin-top:16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.footer{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-glass-border);margin-top:40px;padding:40px 20px;font-size:.9rem}.fade-in-up{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.hero-title{font-size:2.5rem}.content-wrapper{padding:24px}}