@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300..900;1,300..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
        
        body { 
            font-family: 'Urbanist', sans-serif; 
            /* Match background color from aptosi-landing-page.vercel.app */
            background-color: #030712; 
            /* Lighten default text color for dark background */
            color: #f8fafc;
        }
        
        .serif-font { 
            font-family: 'Merriweather', serif; 
        }

        /* Reconstructed classes from the uploaded CSS */
        .ava-banner-inner { display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
        .ava-icon { width: 34px; height: 34px; border-radius: 10px; background: #0f2a3a; border: 1.5px solid rgba(45,212,191,.4); display: flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0; }
        .ava-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; border: 2px solid #0d1929; position: absolute; bottom: -2px; right: -2px; }
        .ava-text { flex: 1; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
        .ava-label { font-size: 10px; color: #2dd4bf; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
        .ava-msg { font-size: 12.5px; color: #1e293b; line-height: 1.45; white-space: normal; }
        
        /* Adjustments for dark mode inputs and cards */
        .dark-input {
            background-color: #111827;
            border-color: #374151;
            color: #f8fafc;
        }
        .dark-input::placeholder {
            color: #6b7280;
        }
        .dark-card {
            background-color: #0f172a;
            border-color: #1e293b;
        }

@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.3s ease-out forwards; }