/* KINEVITA PROFESSIONAL STYLES */

.badge {
    background-color: #f8fafc; /* slate-50 */
    color: #64748b; /* slate-500 */
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    border: 1px solid #f1f5f9; /* slate-100 */
    transition: all 0.3s ease;
    cursor: default;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.badge:hover {
    border-color: #00a8a8; /* kinevita-500 */
    color: #00a8a8;
}

.hover-glow {
    transition: all 0.3s ease;
    box-shadow: 0 0 20px rgba(30, 41, 59, 0.1);
}

.hover-glow:hover {
    box-shadow: 0 0 30px rgba(0, 168, 168, 0.3);
    transform: translateY(-0.25rem);
}

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
}

body {
    overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f8fafc;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00a8a8;
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .animate-slide-down {
        animation: slideDown 0.3s ease-out forwards;
    }
    
    .reveal { 
        opacity: 0; 
        transform: translateY(20px); 
        transition: all 0.6s ease-out; 
    }
    
    .reveal.active { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* Hero Gradient Overlay */
.hero-gradient {
    background: radial-gradient(circle at top right, rgba(0, 168, 168, 0.05) 0%, transparent 70%);
}

/* Custom Selection */
::selection {
    background-color: #00a8a8;
    color: white;
}