/* Custom Utilities */
        body {
            background-color: #0f172a;
            color: #f8fafc;
        }
        
        .glass-nav {
            background: rgba(15, 23, 42, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .text-gradient {
            background: linear-gradient(to right, #22d3ee, #a78bfa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px -10px rgba(6, 182, 212, 0.3);
            border-color: #22d3ee;
        }

        /* Animation Classes */
        .fade-in {
            animation: fadeIn 0.5s ease-in-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Tech Grid Background */
        .bg-grid {
            background-size: 40px 40px;
            mask-image: linear-gradient(to bottom, transparent, 10%, black, 90%, transparent);
        }
        
        /* Hide scrollbar for clean look */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0f172a; 
        }
        ::-webkit-scrollbar-thumb {
            background: #334155; 
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #475569; 
        }
        
        /* Styling for legal pages */
        .legal-content h3 {
            color: #06b6d4;
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
            font-weight: 600;
        }
        .legal-content ul {
            list-style-type: disc;
            padding-left: 1.5rem;
            margin: 1rem 0;
        }
        .legal-content li {
            margin-bottom: 0.5rem;
        }
    

        :root { color-scheme: light; }
        body { background-color: #f8fafc; color: #0f172a; }
        .glass-nav { background: rgba(255,255,255,.92); border-bottom-color: #e2e8f0; }
        .bg-slate-950 { background-color: #f1f5f9 !important; }
        .bg-slate-900 { background-color: #f8fafc !important; }
        .bg-slate-800, .bg-brand-surface { background-color: #ffffff !important; }
        .bg-slate-700 { background-color: #eaf0f6 !important; }
        .text-white { color: #0f172a !important; }
        .text-slate-300 { color: #334155 !important; }
        .text-slate-400, .text-slate-500 { color: #475569 !important; }
        .border-slate-600 { border-color: #cbd5e1 !important; }
        .border-slate-700, .border-slate-800 { border-color: #e2e8f0 !important; }
        .text-brand-primary, .text-cyan-400 { color: #0e7490 !important; }
        .text-brand-secondary, .text-purple-400 { color: #6d28d9 !important; }
        .text-brand-accent { color: #a21caf !important; }
        .text-green-400 { color: #15803d !important; }
        .bg-cyan-900\/50 { background-color: #cffafe !important; }
        .bg-purple-900\/50 { background-color: #f3e8ff !important; }
        .text-gradient { background-image: linear-gradient(to right,#0e7490,#7c3aed); }
        .from-slate-800 { --tw-gradient-from: #ffffff var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) !important; }
        .prose-invert { --tw-prose-body: #334155; --tw-prose-headings: #0f172a; --tw-prose-bold: #0f172a; --tw-prose-links: #0e7490; }
        .legal-content h3 { color: #0e7490; }
        input, textarea, select { color-scheme: light; }
        input::placeholder, textarea::placeholder { color: #64748b !important; opacity: 1; }
        .hover\:bg-slate-700:hover, .hover\:bg-slate-800:hover { background-color: #e2e8f0 !important; }
        .hover\:text-white:hover { color: #0f172a !important; }
        .hover\:text-brand-primary:hover { color: #0e7490 !important; }
        .card-hover:hover, .hover\:border-brand-primary:hover, .group:hover .group-hover\:border-brand-primary { border-color: #06b6d4 !important; }
        .hover\:border-brand-secondary:hover, .group:hover .group-hover\:border-brand-secondary { border-color: #8b5cf6 !important; }
        ::-webkit-scrollbar-track { background: #f1f5f9; }
        ::-webkit-scrollbar-thumb { background: #94a3b8; }
        ::-webkit-scrollbar-thumb:hover { background: #64748b; }
    

        .home-hero-image { display:block; width:100%; max-width:1120px; height:auto; margin:40px auto 48px; border-radius:24px; }
        .training-hero-link { display:block; margin-bottom:64px; border-radius:24px; }
        .training-hero-link:focus-visible { outline:3px solid #0891b2; outline-offset:5px; }
        .training-hero-image { display:block; width:100%; height:auto; border-radius:24px; }
        @media (max-width:640px) {
            .home-hero-image { margin-top:28px; border-radius:16px; }
            .training-hero-image, .training-hero-link { border-radius:12px; }
        }
    

        .hero-home { position:relative; isolation:isolate; overflow:hidden; min-height:760px; display:grid; align-items:start; background:#eff7ff; }
        .hero-home .home-hero-image { position:absolute; inset:0; width:100%; height:100%; max-width:none; margin:0; border-radius:0; object-fit:cover; object-position:center; z-index:-2; }
        .hero-home::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(248,250,252,.97) 0%,rgba(248,250,252,.91) 23%,rgba(248,250,252,.73) 48%,rgba(248,250,252,.1) 80%); }
        .home-hero-copy { width:100%; max-width:1200px; margin:0 auto; padding:64px 24px 300px; text-align:center; }
        .home-hero-copy h1 { font-size:clamp(2.4rem,5.2vw,4.5rem); line-height:1.08; }
        .home-hero-copy p { color:#334155 !important; }
        .home-hero-copy button { min-height:54px; }
        .home-hero-copy button:nth-child(2) { background:rgba(255,255,255,.9); }
        .page-hero { position:relative; isolation:isolate; overflow:hidden; min-height:440px; border-radius:24px; margin-bottom:72px; background:#f0f8ff; display:flex; align-items:center; border:1px solid #e2e8f0; }
        .page-hero-image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center right; }
        .page-hero::before { content:""; position:absolute; inset:0; z-index:-1; }
        .page-hero::before { background:linear-gradient(90deg,rgba(248,250,252,.96) 0%,rgba(248,250,252,.8) 35%,rgba(248,250,252,0) 65%); }
        .page-hero-copy { width:48%; padding:48px; text-align:left; }
        .page-hero-copy h2 { font-size:clamp(2rem,3.3vw,3.5rem); line-height:1.1; }
        .page-hero-copy p { font-size:1.05rem; line-height:1.75; color:#334155 !important; }
        @media(max-width:767px) {
            .hero-home { min-height:680px; }
            .home-hero-copy { padding:48px 20px 220px; }
            .hero-home .home-hero-image { object-position:center bottom; }
            .hero-home::before { background:linear-gradient(180deg,rgba(248,250,252,.98) 0%,rgba(248,250,252,.91) 52%,rgba(248,250,252,.2) 100%); }
            .page-hero { display:flex; flex-direction:column; min-height:0; margin-bottom:56px; }
            .page-hero-copy { width:100%; padding:32px 24px; order:0; }
            .page-hero-image { position:relative; order:1; z-index:0; height:auto; object-fit:contain; }
            .page-hero::before { display:none; }
        }
    

        :root { --alg-header-height:112px; }
        #app { padding-top:calc(var(--alg-header-height) + 24px) !important; }
        .glass-nav .h-25 { min-height:96px; }
        .glass-nav img { height:80px; width:auto; max-width:160px; object-fit:contain; }
        .hero-home { min-height:620px; aspect-ratio:16 / 9; align-items:center; max-width:1600px; margin:0 auto; border-radius:24px; }
        .hero-home .home-hero-image { object-fit:cover; object-position:center; }
        .hero-home::before { background:linear-gradient(90deg,rgba(248,250,252,.96) 0%,rgba(248,250,252,.82) 36%,rgba(248,250,252,0) 60%); }
        .home-hero-copy { width:55%; max-width:800px; margin:0; padding:72px 32px 72px 5vw; text-align:left; }
        .home-hero-copy > span { display:inline-block; font-size:11px; line-height:1.6; margin-bottom:24px; }
        .home-hero-copy h1 { font-size:clamp(2.5rem,4vw,4rem); line-height:1.12; letter-spacing:-.035em; }
        .home-hero-copy p { margin-left:0; font-size:clamp(1rem,1.4vw,1.2rem); line-height:1.7; }
        .home-hero-copy > div { justify-content:flex-start; flex-wrap:wrap; }
        .home-hero-copy button { padding:16px 24px; box-shadow:0 8px 22px rgba(6,182,212,.12); }
        .page-hero-about { min-height:520px; }
        .page-hero-about .page-hero-image { object-fit:cover; }
        .page-hero-about .page-hero-copy { width:48%; }
        @media(max-width:900px) {
            #app { padding-top:calc(var(--alg-header-height) + 16px) !important; }
            .hero-home { aspect-ratio:auto; min-height:0; display:flex; flex-direction:column; border-radius:16px; }
            .hero-home .home-hero-image { position:relative; inset:auto; order:2; z-index:0; width:100%; height:auto; margin:0; object-fit:contain; }
            .hero-home::before { display:none; }
            .home-hero-copy { width:100%; max-width:720px; padding:48px 24px 24px; text-align:center; }
            .home-hero-copy p { margin-left:auto; }
            .home-hero-copy > div { justify-content:center; }
            .page-hero-about { min-height:0; display:flex; flex-direction:column; }
            .page-hero-about .page-hero-copy { width:100%; padding:32px 24px; }
            .page-hero-about .page-hero-image { position:relative; order:1; z-index:0; height:auto; object-fit:contain; }
            .page-hero-about::before { display:none; }
        }
    

        .home-hero-copy { text-align:center; }
        .home-hero-copy h1 { text-align:center; text-wrap:balance; }
        .home-hero-copy p { margin-left:auto; margin-right:auto; }
        .home-hero-copy > div { justify-content:center; }
    

        #app > section.pt-0 { padding-top:0 !important; }
    

        .hero-home { align-items:start; }
        .home-hero-copy { padding-top:40px; padding-bottom:28px; }
        .home-hero-copy > span { margin-bottom:18px; }
        .home-hologram { display:block; width:100%; max-width:560px; height:auto; margin:28px auto 0; pointer-events:none; }
        .training-hero-link { margin-bottom:28px; }
        .page-hero-services { margin-bottom:36px; }
        @media(max-width:900px) {
            .home-hero-copy { padding-top:32px; padding-bottom:20px; }
            .home-hologram { max-width:440px; margin-top:24px; }
        }
    

        .hero-home::before { background:linear-gradient(90deg,rgba(248,250,252,.58) 0%,rgba(248,250,252,.3) 38%,rgba(248,250,252,0) 60%); mask-image:linear-gradient(to bottom,#000 0%,#000 40%,transparent 74%); }