html { background-color: #f7fafc; }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f7fafc;
            color: #0a1120;
            overflow-x: hidden;
        }
        .font-display { font-family: 'Space Grotesk', sans-serif; }
        .font-mono { font-family: 'JetBrains Mono', monospace; }

        /* Circuit grid backdrop - light */
        .grid-field {
            background-image:
                linear-gradient(rgba(2,132,199,0.08) 1px, transparent 1px),
                linear-gradient(90deg, rgba(2,132,199,0.08) 1px, transparent 1px);
            background-size: 44px 44px;
            -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 40%, transparent 90%);
                    mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 40%, transparent 90%);
        }

        .glass {
            background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.55));
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(2,132,199,0.12);
        }

        .glass-strong {
            background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.85));
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(2,132,199,0.14);
        }

        .navbar-solid {
            background: rgba(255,255,255,0.82);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(2,132,199,0.1);
        }

        .text-gradient {
            background: linear-gradient(90deg, #0284c7, #075e8f 55%, #38bdf8);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .glow-border {
            position: relative;
        }
        .glow-border::before {
            content: '';
            position: absolute;
            inset: -1px;
            border-radius: inherit;
            padding: 1px;
            background: linear-gradient(135deg, rgba(2,132,199,0.55), rgba(56,189,248,0) 60%);
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
            -webkit-mask-composite: xor;
                    mask-composite: exclude;
            opacity: 0;
            transition: opacity .4s ease;
        }
        .glow-border:hover::before { opacity: 1; }

        .pulse-dot {
            box-shadow: 0 0 0 0 rgba(2,132,199,0.45);
            animation: pulse-ring 2.2s cubic-bezier(0.4,0,0.6,1) infinite;
        }
        @keyframes pulse-ring {
            0%   { box-shadow: 0 0 0 0 rgba(2,132,199,0.4); }
            70%  { box-shadow: 0 0 0 8px rgba(2,132,199,0); }
            100% { box-shadow: 0 0 0 0 rgba(2,132,199,0); }
        }

        @keyframes blink-caret {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }
        .caret { animation: blink-caret 1s step-end infinite; }

        .orb {
            filter: blur(90px);
            opacity: 0.22;
        }

        .console-dark {
            background: linear-gradient(180deg, #0d1626, #0a1120);
            border: 1px solid rgba(56,189,248,0.18);
        }

        ::-webkit-scrollbar { width: 10px; }
        ::-webkit-scrollbar-track { background: #f7fafc; }
        ::-webkit-scrollbar-thumb { background: #bcdff4; border-radius: 8px; }
        ::-webkit-scrollbar-thumb:hover { background: #38bdf8; }

        [x-cloak] { display: none !important; }
    /* Merapikan Widget Google Translate di Navbar */
/* 1. Sembunyikan banner top-bar bawaan Google Translate */
/* 1. Sembunyikan Frame Banner / Top Bar Google Translate */
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
.goog-te-banner,
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* Sembunyikan pembungkus bawaan Google di paling atas body */
body > .skiptranslate {
    display: none !important;
}

/* 2. Mencegah margin-top/posisi turun otomatis pada body saat translate aktif */
body {
    top: 0px !important;
    position: static !important;
    min-height: 100% !important;
}

/* 3. Sembunyikan tooltip hover dari Google Translate */
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
    box-shadow: none !important;
}

/* 4. Mencegah font/background bawaan Google Translate menimpa gaya website */
.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
}