/* --- CSS YAHIN RAKH RAHA HU TAKI KOI ERROR NA AAYE --- */
        :root {
            --primary: #00ff88;
            --secondary: #60efff;
            --warning: #ff4757;
            --bg-dark: #050609;
            --card-bg: rgba(13, 17, 23, 0.7);
            --text-gray: #a1a1a1;
            --border: rgba(255, 255, 255, 0.08);
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 100px; /* Navbar ke liye space */
        }

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

        .cyber-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 50% 50%, #0d1a30 0%, #050609 100%); z-index: -2; }
        .grid-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px); background-size: 40px 40px; z-index: -1; opacity: 0.15; }

        .container { max-width: 1000px; margin: 60px auto; padding: 0 20px; }

        header { text-align: center; margin-bottom: 60px; }
        .legal-badge { background: rgba(0, 255, 136, 0.1); border: 1px solid var(--primary); color: var(--primary); padding: 5px 15px; border-radius: 50px; font-size: 0.75rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; display: inline-block; }
        header h1 { font-size: 3rem; font-weight: 800; letter-spacing: -1px; margin-bottom: 10px; }
        header h1 span { color: var(--primary); }
        .update-tag { font-family: 'Fira Code', monospace; color: var(--text-gray); font-size: 0.85rem; }

        .legal-card { 
            background: var(--card-bg); 
            backdrop-filter: blur(12px);
            padding: 50px; 
            border-radius: 24px; 
            border: 1px solid var(--border);
            margin-bottom: 40px;
            position: relative;
            transition: 0.3s;
        }
        .legal-card:hover { border-color: rgba(255,255,255,0.2); transform: translateY(-5px); }

        .legal-card h2 { font-size: 1.8rem; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; }
        .legal-card h2 i { color: var(--primary); }

        .warning-card { border-left: 5px solid var(--warning); }
        .warning-card h2, .warning-card h2 i { color: var(--warning); }
        .warning-glow { position: absolute; top: 0; right: 0; width: 100px; height: 100px; background: radial-gradient(circle, rgba(255, 71, 87, 0.1) 0%, transparent 70%); pointer-events: none; }

        h3 { color: var(--secondary); margin: 30px 0 12px; font-size: 1.1rem; text-transform: uppercase; }
        p, li { color: var(--text-gray); font-size: 0.95rem; margin-bottom: 15px; }
        
        .protocol-list { list-style: none; }
        .protocol-list li::before { content: '>'; color: var(--primary); font-family: 'Fira Code', monospace; margin-right: 10px; font-weight: bold; }

        .back-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: var(--text-gray);
            text-decoration: none;
            font-size: 0.9rem;
            margin-bottom: 40px;
            transition: 0.3s;
            border: 1px solid var(--border);
            padding: 8px 20px;
            border-radius: 50px;
        }
        .back-btn:hover { color: var(--primary); border-color: var(--primary); background: rgba(0,255,136,0.05); }

        footer { text-align: center; padding: 60px 0; border-top: 1px solid var(--border); color: #444; font-size: 0.8rem; }