:root {
    --primary: #0a0a0a;
    --warning: #ffc107;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
    color: #333;
}

h1, h2, h3, .navbar-brand {
    font-family: 'Montserrat', sans-serif;
}

.fw-black { font-weight: 900; }

/* Navbar Animation */
.transition-nav {
    transition: all 0.4s ease;
    padding: 20px 0;
}

.navbar-scrolled {
    background: rgba(0,0,0,0.95);
    padding: 10px 0;
    backdrop-filter: blur(10px);
}

/* Hero Special Effects */
.hero-header {
    background: linear-gradient(45deg, rgba(0,0,0,0.8), rgba(0,74,173,0.3)), 
                url('https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Parallax effect */
}

.outline-text {
    color: transparent;
    -webkit-text-stroke: 2px white;
}

/* Club Cards Overlay */
.club-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.9));
    transition: all 0.3s ease;
    opacity: 0.9;
}

.group:hover .club-overlay {
    opacity: 1;
    background: linear-gradient(transparent, #ffc107);
}

.group:hover img {
    transform: scale(1.1);
    transition: 0.5s ease;
}

/* Form Styling */
.form-control::placeholder { color: #666; }
.form-control:focus {
    box-shadow: none;
    border-color: var(--warning);
}