:root {
            --primary-color: #00ff88;
            --bg-dark: #050609;
            --card-bg: #11151c;
            --text-white: #ffffff;
            --text-gray: #a1a1a1;
            --cyber-blue: #60efff;
            --terminal-bg: #080a10;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
        body { background-color: var(--bg-dark); color: var(--text-white); line-height: 1.6; }

        nav { display: flex; justify-content: space-between; align-items: center; padding: 15px 8%; background: rgba(5,6,9,0.95); border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 100; }
        .logo { font-size: 1.5rem; font-weight: 700; color: var(--primary-color); text-decoration: none; letter-spacing: 2px; }
        
        .lab-header { padding: 60px 8% 30px; text-align: center; background: radial-gradient(circle at top, #112240, var(--bg-dark)); }
        .lab-header h1 { font-size: 3rem; color: var(--primary-color); text-transform: uppercase; }

        .content-container { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
        
        /* --- Commands Table Section --- */
        .commands-section { background: var(--card-bg); padding: 30px; border-radius: 12px; border: 1px solid #222; margin-bottom: 40px; }
        .commands-section h2 { color: var(--cyber-blue); margin-bottom: 20px; border-bottom: 2px solid #222; padding-bottom: 10px; }
        
        .table-wrapper { overflow-x: auto; }
        table { width: 100%; border-collapse: collapse; margin-top: 10px; }
        th { text-align: left; background: var(--terminal-bg); color: var(--primary-color); padding: 15px; border: 1px solid #222; }
        td { padding: 12px; border: 1px solid #222; color: var(--text-gray); font-size: 0.9rem; }
        .nmap-cmd { font-family: 'Courier New', monospace; color: var(--primary-color); font-weight: 600; white-space: nowrap; }

        /* --- Manual Style --- */
        .step-card { background: var(--card-bg); padding: 30px; border-radius: 12px; border: 1px solid #222; margin-bottom: 30px; border-left: 4px solid var(--primary-color); }
        .step-card h3 { color: var(--cyber-blue); margin-bottom: 15px; display: flex; align-items: center; }
        .step-card h3 i { margin-right: 15px; }

        .terminal-box { background: #000; padding: 20px; border-radius: 8px; margin: 15px 0; font-family: 'Courier New', Courier, monospace; position: relative; border: 1px solid #333; }
        .terminal-box::before { content: "root@kali:~#"; color: #ff4b2b; margin-right: 10px; }
        .output { color: #aaa; display: block; margin-top: 10px; font-size: 0.85rem; }

        .note-box { background: rgba(255, 255, 255, 0.05); padding: 15px; border-radius: 8px; border: 1px dashed var(--cyber-blue); margin-top: 20px; font-size: 0.9rem; color: var(--text-gray); }

        footer { text-align: center; padding: 40px; border-top: 1px solid #222; color: var(--text-gray); }