﻿body {
            background-color: #060306;
            color: #ebdfe7;
            font-family: 'Manrope', sans-serif;
            overflow-x: hidden;
        }
        .tech-grid {
            background-image: 
                linear-gradient(rgba(246, 173, 255, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(246, 173, 255, 0.05) 1px, transparent 1px);
            background-size: 40px 40px;
        }
        .diagonal-lines {
            background: repeating-linear-gradient(45deg, rgba(246, 173, 255, 0.02), rgba(246, 173, 255, 0.02) 1px, transparent 1px, transparent 10px);
        }
        .glow-bleed {
            filter: blur(120px);
            background: radial-gradient(circle, rgba(130, 0, 157, 0.4) 0%, rgba(0, 0, 0, 0) 70%);
        }
        .script-terminal {
            background: #0d090d;
            position: relative;
        }
        .script-terminal::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: repeating-linear-gradient(-45deg, rgba(246, 173, 255, 0.03) 0%, rgba(246, 173, 255, 0.03) 1px, transparent 1px, transparent 8px);
            pointer-events: none;
        }
        .benefit-card {
            background: rgba(26, 21, 26, 0.6);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(246, 173, 255, 0.1);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .benefit-card:hover {
            border-color: rgba(246, 173, 255, 0.5);
            box-shadow: 0 0 30px rgba(246, 173, 255, 0.15);
            transform: translateY(-5px);
        }
        .outline-text {
            -webkit-text-stroke: 1px rgba(246, 173, 255, 0.15);
            color: transparent;
        }
        .shimmer {
            background: linear-gradient(90deg, transparent, rgba(246, 173, 255, 0.2), transparent);
            background-size: 200% 100%;
            animation: shimmer 3s infinite;
        }
        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
