@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body { 
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; 
}

.glass-card {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* Custom scrollbar for WHOIS block */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

.blob-1 { 
    position: absolute; 
    top: -100px; 
    left: -100px; 
    width: 400px; 
    height: 400px; 
    background: rgba(16, 185, 129, 0.2); 
    border-radius: 50%; 
    filter: blur(100px); 
    z-index: -1; 
}

.blob-2 { 
    position: absolute; 
    bottom: -100px; 
    right: -100px; 
    width: 500px; 
    height: 500px; 
    background: rgba(59, 130, 246, 0.15); 
    border-radius: 50%; 
    filter: blur(120px); 
    z-index: -1; 
}

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

.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
}