* { 
            margin: 0; 
            padding: 0; 
            box-sizing: border-box; 
        }

        body { 
            font-family: sans-serif; 
            background-color: #0a0a0a; 
            color: #fff; 
            overflow-x: hidden; 
        }

        /* Navigation */
        nav { 
            position: fixed; 
            top: 0; 
            width: 100%; 
            background: rgba(10, 10, 10, 0.95); 
            backdrop-filter: blur(10px); 
            padding: 20px 50px; 
            z-index: 1000; 
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
        }

        .nav-container { 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            max-width: 1400px;
        } 
            


        /* Buttons */
        .btn-primary:hover { 
            transform: translateY(-3px); 
            box-shadow: 0 15px 40px rgba(106, 138, 168, 0.5); 
        }

        .btn-secondary { 
            background: transparent; 
            color: #fff; 
            border: 2px solid #fff; 
        }

        .btn-secondary:hover { 
            background: #fff; 
            color: #0a0a0a; 
            transform: translateY(-3px); 
        }

        /* Overview Section */
        .overview { 
            padding: 100px 50px; 
            max-width: 1400px; 
            margin: 0 auto; 
        }

        .section-title { 
            font-family: 'GodOfWar', sans-serif;
            text-align: center; 
            font-size: 48px; 
            margin-bottom: 60px; 
            background: linear-gradient(135deg, #fff, #8ab0d0); 
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; 
            font-family: 'GodOfWar',arial;
        }

        .overview-content { 
            display: grid; 
            grid-template-columns: 1fr 1fr; 
            gap: 60px; 
            align-items: center; 
        }

        .overview-text { 
            font-size: 18px; 
            line-height: 1.8; 
            color: #ccc; 
        }

        .overview-text p { 
            margin-bottom: 20px; 
        }

        .overview-image { 
            width: 100%; 
            height: 400px; 
            background: linear-gradient(135deg, #7a9ab8, #5a7a98); 
            border-radius: 15px; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            font-size: 24px; 
            color: #666; 
            border: 2px solid rgba(106, 138, 168, 0.3); 
        }

        /* Features Section */
        .features { 
            padding: 100px 50px; 
            background: linear-gradient(180deg, #0a0a0a 0%, #0a1218 100%); 
        }

        .features-container { 
            max-width: 1400px; 
            margin: 0 auto; 
        }

        .features-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
            gap: 40px; 
            margin-top: 60px; 
        }

        .feature-card { 
            background: linear-gradient(145deg, #1a2228, #0a1218); 
            padding: 40px; 
            border-radius: 15px; 
            border: 1px solid rgba(106, 138, 168, 0.2); 
            transition: all 0.3s ease; 
        }

        .feature-card:hover { 
            transform: translateY(-10px); 
            border-color: rgba(106, 138, 168, 0.5); 
            box-shadow: 0 20px 40px rgba(106, 138, 168, 0.2); 
        }

        .feature-icon { 
            font-size: 48px; 
            margin-bottom: 20px; 
        }

        .feature-title { 
            font-family: 'GodOfWar', sans-serif;
            font-size: 24px; 
            margin-bottom: 15px; 
            color: #8ab0d0; 
        }

        .feature-description { 
            color: #ccc; 
            line-height: 1.6; 
        }

        /* Legacy Section */
        .legacy { 
            padding: 100px 50px; 
            max-width: 1400px; 
            margin: 0 auto; 
        }

        .legacy-content { 
            text-align: center; 
            max-width: 900px; 
            margin: 0 auto 60px; 
        }

        .legacy-content p { 
            font-size: 18px; 
            line-height: 1.8; 
            color: #ccc; 
            margin-bottom: 20px; 
        }

        /* Awards Grid */
        .awards-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
            gap: 30px; 
        }

        .award-card { 
            background: linear-gradient(145deg, #1a1a1a, #0f0f0f); 
            padding: 30px; 
            border-radius: 15px; 
            border: 1px solid rgba(106, 138, 168, 0.2); 
            text-align: center; 
        }

        .award-icon { 
            font-size: 48px; 
            margin-bottom: 15px; 
        }

        .award-title { 
            font-family: 'GodOfWar', sans-serif;
            font-size: 18px; 
            color: #8ab0d0; 
            margin-bottom: 10px; 
        }

        .award-desc { 
            font-size: 14px; 
            color: #999; 
        }

        /* Footer */
        footer { 
            background: #050505; 
            padding: 50px; 
            text-align: center; 
            border-top: 1px solid rgba(255, 255, 255, 0.1); 
        }

        .footer-content p { 
            color: #666; 
            margin: 10px 0; 
        }
        .specs {
            padding: 100px 50px;
            background: #0f0f0f;
        }

        .specs-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .specs-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-top: 60px;
        }

        .spec-box {
            background: linear-gradient(145deg, #1a1a1a, #0f0f0f);
            padding: 40px;
            border-radius: 15px;
            border: 1px solid rgba(74, 124, 158, 0.2);
        }

        .spec-box h3 {
            font-size: 28px;
            margin-bottom: 25px;
            color: #6fa8d1;
        }

        .spec-item {
            display: flex;
            justify-content: space-between;
            padding: 15px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .spec-label {
            color: #999;
        }

        .spec-value {
            color: #fff;
            font-weight: bold;
        }
        @media (max-width: 768px) { .game-logo { font-size: 54px; font-family: 'GodOfWar',arial;} .overview-content { grid-template-columns: 1fr; } .cta-buttons { flex-direction: column; } nav { padding: 20px; } .overview, .features, .legacy { padding: 60px 20px; } }