/* Base Styles */
        body {
            background-color: #1a3944;
            color: #e2e8f0;
            overflow-x: hidden;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0f172a;
        }
        ::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #06b6d4;
        }

        /* Glassmorphism */
        .glass-panel {
            background: rgba(30, 41, 59, 0.4);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }

        /* Neon Glow Utilities */
        .text-glow-cyan {
            text-shadow: 0 0 10px rgba(6, 182, 212, 0.5);
        }
        .box-glow-purple:hover {
            box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
        }
        .border-gradient {
            border: 1px solid transparent;
            background-image: linear-gradient(#1e293b, #1e293b), linear-gradient(to right, #06b6d4, #a855f7);
            background-origin: border-box;
            background-clip: content-box, border-box;
        }

        /* Animations */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }
        .animate-float {
            animation: float 6s ease-in-out infinite;
        }
        .animate-float-delayed {
            animation: float 8s ease-in-out infinite 2s;
        }

        @keyframes pulse-glow {
            0%, 100% { box-shadow: 0 0 15px rgba(6, 182, 212, 0.2); }
            50% { box-shadow: 0 0 25px rgba(6, 182, 212, 0.5); }
        }
        .animate-pulse-glow {
            animation: pulse-glow 3s infinite;
        }

        /* Grid Background */
        .bg-tech-grid {
            background-size: 40px 40px;
            mask-image: linear-gradient(to bottom, transparent, black, transparent);
            -webkit-mask-image: linear-gradient(to bottom, transparent 5%, black 40%, transparent 95%);
        }

        /* Scroll Animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Alert Box */
        #alert-box {
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }
        #alert-box.show {
            transform: translateX(0);
        }
        
        /* Typography for Legal/Docs */
        .prose-tech h1 { @apply font-display text-4xl font-bold mb-6 text-white; }
        .prose-tech h2 { @apply font-display text-2xl font-bold mt-8 mb-4 text-cyan-400; }
        .prose-tech h3 { @apply font-display text-xl font-bold mt-6 mb-3 text-white; }
        .prose-tech p { @apply text-slate-400 mb-4 leading-relaxed; }
        .prose-tech ul { @apply list-disc list-inside text-slate-400 mb-4; }
        .prose-tech li { @apply mb-2; }