/* Custom Styles */
html {
    scroll-behavior: smooth;
}

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

h1, h2, h3, h4 {
    font-family: 'Poppins', sans-serif;
}

.glass {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(51, 65, 85, 0.5);
}

/* Background Animations */
@keyframes orb-float {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(30px, 20px); }
}

.animate-orb {
    animation: orb-float 10s infinite ease-in-out;
}

.animate-orb-delayed {
    animation: orb-float 12s infinite ease-in-out reverse;
}

/* Skill Bars */
.skill-bar .bar {
    width: 100%;
    height: 8px;
    background: #1e293b;
    border-radius: 10px;
    margin-top: 8px;
    overflow: hidden;
}

.skill-bar .bar div {
    height: 100%;
    background: linear-gradient(90deg, #8b5cf6, #06b6d4);
    width: 0;
    transition: width 1.5s cubic-bezier(0.1, 0, 0.2, 1);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #020617;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}