html {
    scroll-behavior: smooth;
}

body {
    background: linear-gradient(135deg, #111827 0%, #1F2937 50%, #374151 100%);
}

.gradient-bg {
    background: linear-gradient(135deg, #1F2937 0%, #111827 100%);
}

.section-padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.floating-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.floating-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.glass-effect {
    background: rgba(30, 41, 59, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.badge-blue {
    background: rgba(59, 130, 246, 0.2);
    color: #60A5FA;
    border: 1px solid rgba(96, 165, 250, 0.3);
}

.badge-green {
    background: rgba(34, 197, 94, 0.2);
    color: #4ADE80;
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.badge-purple {
    background: rgba(168, 85, 247, 0.2);
    color: #A855F7;
    border: 1px solid rgba(168, 85, 247, 0.3);
}

.badge-yellow {
    background: rgba(245, 158, 11, 0.2);
    color: #F59E0B;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.badge-red {
    background: rgba(239, 68, 68, 0.2);
    color: #F87171;
    border: 1px solid rgba(248, 113, 113, 0.3);
}

.badge-indigo {
    background: rgba(99, 102, 241, 0.2);
    color: #818CF8;
    border: 1px solid rgba(129, 140, 248, 0.3);
}

.badge-pink {
    background: rgba(236, 72, 153, 0.2);
    color: #F472B6;
    border: 1px solid rgba(244, 114, 182, 0.3);
}

.badge-teal {
    background: rgba(20, 184, 166, 0.2);
    color: #2DD4BF;
    border: 1px solid rgba(45, 212, 191, 0.3);
}

.badge-orange {
    background: rgba(107, 68, 23, 0.486);
    color: #ff7c02;
    border: 1px solid rgba(107, 68, 23, 0.486);
}

#message {
    resize: none;
}