.zv-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; margin-bottom: 8rem; align-items: center; padding-top: 3rem; }
        .zv-hero-left h1 { font-size: 5rem; font-weight: 900; margin-bottom: 1.5rem; line-height: 1; color: #fff; text-transform: uppercase; letter-spacing: -2px; }
        .zv-hero-left h1 span { color: #ec4899; text-shadow: 0 0 20px rgba(236,72,153,0.5); display: block; }
        .zv-hero-left p { font-size: 1.3rem; color: #cbd5e1; margin-bottom: 3rem; line-height: 1.6; font-weight: 300; }
        .zv-hero-tags { display: flex; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap; }
        .zv-hero-actions { display: flex; gap: 1.5rem; margin-bottom: 4rem; }
        .zv-hero-feats { display: flex; gap: 2rem; }
        .zv-feat { display: flex; align-items: center; gap: 0.8rem; background: #1a1324; padding: 1.2rem 1.8rem; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); box-shadow: 0 10px 20px rgba(0,0,0,0.3); }
        .zv-f-icon { color: #06b6d4; font-size: 1.5rem; }
        .zv-f-text { font-size: 0.85rem; font-weight: 800; color: #fff; letter-spacing: 1px; }

        .zv-grid-section h2 { font-size: 2.5rem; font-weight: 900; text-transform: uppercase; margin-bottom: 3rem; text-align: center; letter-spacing: 1px; }

        
        .zv-detail-page { max-width: 1000px; margin: 0 auto; }
        .zv-detail-header { margin-bottom: 2rem; display: flex; flex-direction: column; align-items: flex-start; }
        .zv-detail-header .zv-badge { margin-bottom: 1rem; font-size: 1rem; padding: 8px 16px; }
        .zv-detail-header h1 { font-size: 4rem; font-weight: 900; line-height: 1; text-transform: uppercase; }
        .zv-detail-hero { width: 100%; height: 500px; object-fit: cover; border-radius: 30px; margin-bottom: 4rem; border: 4px solid #251c33; box-shadow: 0 25px 50px rgba(0,0,0,0.5); }
        .zv-detail-content { display: flex; flex-wrap: wrap; gap: 4rem; }
        .zv-detail-main { flex: 2; min-width: 300px; }
        .zv-detail-main h2, .zv-detail-main h3 { font-weight: 800; text-transform: uppercase; margin: 2.5rem 0 1.5rem; }
        .zv-detail-main h2 { font-size: 2.5rem; color: #fff; }
        .zv-detail-main h3 { font-size: 1.8rem; color: #ec4899; }
        .zv-detail-main ul { margin-left: 0; list-style: none; margin-bottom: 2rem; }
        .zv-detail-main li { background: #1a1324; padding: 1rem 1.5rem; margin-bottom: 0.8rem; border-radius: 12px; font-weight: 600; border-left: 4px solid #ec4899; }
        .zv-detail-main p { font-size: 1.2rem; color: #cbd5e1; font-weight: 300; }

        .zv-cta-box { background: #1a1324; padding: 3rem; border-radius: 24px; text-align: center; margin-top: 4rem; border: 2px dashed #322545; }
        .zv-cta-box h3 { margin-top: 0; }
        .zv-detail-sidebar { flex: 1; min-width: 300px; }

        
        .zv-split-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; max-width: 1200px; margin: 0 auto; }
        .zv-split-left { display: flex; flex-direction: column; gap: 2rem; }
        .zv-split-desc { font-size: 1.2rem; color: #cbd5e1; line-height: 1.8; }
        .zv-split-socials { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; }
        .zv-soc-item { display: flex; align-items: center; gap: 1rem; background: rgba(255,255,255,0.02); padding: 1rem; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); }
        .zv-soc-icon { width: 40px; height: 40px; background: rgba(236,72,153,0.1); color: #ec4899; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 800; }
        .zv-soc-text { font-family: monospace; font-size: 1.1rem; color: #fff; }
        .zv-neon-form-box { background: rgba(20, 15, 25, 0.8); border: 1px solid rgba(236, 72, 153, 0.3); padding: 3rem; border-radius: 24px; box-shadow: 0 0 40px rgba(236, 72, 153, 0.1), inset 0 0 20px rgba(236, 72, 153, 0.05); backdrop-filter: blur(10px); }
        .zv-btn-block { width: 100%; padding: 1.2rem; font-size: 1.1rem; letter-spacing: 2px; }
        .zv-form-note { text-align: center; font-size: 0.8rem; color: #64748b; margin-top: 1.5rem; }

        
        .zv-board-layout { max-width: 1200px; margin: 0 auto; }
        .zv-board-header { text-align: center; margin-bottom: 4rem; }
        .zv-board-header h1 { font-size: 3.5rem; color: #fff; font-weight: 900; text-transform: uppercase; text-shadow: 0 0 20px rgba(236,72,153,0.5); margin-bottom: 1rem; }
        .zv-board-header p { font-size: 1.2rem; color: #ec4899; }
        .zv-board-intro { text-align: center; max-width: 800px; margin: 0 auto 4rem; font-size: 1.2rem; color: #cbd5e1; background: rgba(30, 20, 36, 0.5); padding: 2rem; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); }
        .zv-board-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; }

        
        .zv-community-comments { margin: 6rem 0; }
        .zv-community-comments h2 { font-size: 3rem; font-weight: 900; text-transform: uppercase; text-align: center; margin-bottom: 3rem; color: #fff; text-shadow: 0 0 10px rgba(236,72,153,0.5); }
        .zv-comments-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; }
        .zv-comment-box { background: #1a1324; border-radius: 20px; padding: 2rem; border-left: 4px solid #ec4899; box-shadow: 0 10px 25px rgba(0,0,0,0.3); transition: transform 0.3s; }
        .zv-comment-box:hover { transform: translateY(-5px); border-left-color: #06b6d4; }
        .zv-c-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
        .zv-c-avatar { width: 50px; height: 50px; background: linear-gradient(135deg, #ec4899, #db2777); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 900; color: #fff; }
        .zv-c-name { display: block; font-weight: 700; color: #fff; font-size: 1.1rem; }
        .zv-c-game { display: block; font-size: 0.85rem; color: #06b6d4; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
        .zv-c-text { font-size: 1.1rem; color: #cbd5e1; font-weight: 300; line-height: 1.6; margin-bottom: 1.5rem; font-style: italic; }
        .zv-c-rating { color: #facc15; font-size: 1.2rem; letter-spacing: 2px; }

        .zv-features-split { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin: 6rem 0; }
        .zv-f-box { background: linear-gradient(135deg, rgba(236,72,153,0.05), rgba(6,182,212,0.05)); border: 1px solid rgba(255,255,255,0.05); padding: 4rem 3rem; border-radius: 30px; text-align: center; }
        .zv-f-box h3 { font-size: 2rem; font-weight: 900; color: #ec4899; text-transform: uppercase; margin-bottom: 1.5rem; }
        .zv-f-box p { font-size: 1.2rem; color: #94a3b8; line-height: 1.8; }

        .zv-hero-centered { display: flex; flex-direction: column; text-align: center; gap: 3rem; margin-bottom: 8rem; }
        .zv-hero-center-content { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
        .zv-justify-center { justify-content: center; }
        .zv-wide-tilt { max-width: 900px; aspect-ratio: 16/9; margin: 0 auto; }
        .zv-wide-img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; box-shadow: 0 40px 80px rgba(0,0,0,0.6); }
        .zv-wide-bb { width: 60%; left: 20%; bottom: -40px; text-align: left; }