:root {
    --bg-black: #050505;
    --bg-soft: #0c0c0c;
    --info: #0dcaf0;
}

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

/* Navigation */
.glass-nav {
    background: rgba(5, 5, 5, 0.7);
    backdrop-filter: blur(15px);
    transition: 0.4s;
}

/* Typography */
.text-gradient {
    background: linear-gradient(90deg, #0dcaf0, #007bff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Hero Section */
.hero-wrap {
    height: 100vh;
    background: radial-gradient(circle at 80% 20%, rgba(13, 202, 240, 0.05), transparent);
}

/* Sections */
.py-100 { padding: 100px 0; }
.bg-dark-soft { background-color: var(--bg-soft); }

/* Card Hover */
.hover-up {
    transition: transform 0.4s, border 0.4s;
    cursor: pointer;
}
.hover-up:hover {
    transform: translateY(-10px);
    border-color: var(--info) !important;
}

/* Bootstrap Accordion Fix */
.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--info);
    box-shadow: none;
}