:root {
    --primary-bg: #050816;
    --primary-accent: #0d6efd;
    --card-bg: #111827;
}

body {
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: radial-gradient(circle at top left, #1f2933 0, #020617 45%, #000 100%);
    color: #e5e7eb;
    min-height: 100vh;
}

.navbar {
    background: linear-gradient(to right, rgba(15,23,42,.95), rgba(15,23,42,.7));
    backdrop-filter: blur(16px);
}

.hero {
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.hero-title {
    font-size: clamp(2.6rem, 4vw, 3.4rem);
    font-weight: 700;
    letter-spacing: .03em;
}

.hero-subtitle {
    font-size: 1.1rem;
    color: #9ca3af;
}

.badge-pill-custom {
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
    font-size: 0.8rem;
}

.glass-card {
    background: linear-gradient(135deg, rgba(15,23,42,.95), rgba(15,23,42,.75));
    border-radius: 1.25rem;
    border: 1px solid rgba(148,163,184,.25);
    box-shadow: 0 24px 80px rgba(15,23,42,1);
}

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

.section-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.interest-card {
    background: #020617;
    border-radius: 1rem;
    border: 1px solid rgba(148,163,184,0.3);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    height: 100%;
}

.interest-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 35px rgba(15,23,42,.9);
    border-color: var(--primary-accent);
}

.interest-icon {
    font-size: 1.6rem;
    margin-right: 0.5rem;
}

.tagline {
    font-size: 0.95rem;
    color: #9ca3af;
}

.quote {
    font-size: 0.95rem;
    border-left: 3px solid var(--primary-accent);
    padding-left: 0.85rem;
    color: #cbd5f5;
}

footer {
    border-top: 1px solid rgba(31,41,55,.7);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 0.85rem;
    color: #6b7280;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* Dark-theme friendly form controls */
.form-control {
    background-color: #020617;
    border-color: rgba(148,163,184,0.4);
    color: #e5e7eb;
}

.form-control:focus {
    background-color: #020617;
    color: #e5e7eb;
    border-color: var(--primary-accent);
    box-shadow: 0 0 0 0.2rem rgba(37,99,235,0.25);
}

.form-control::placeholder {
    color: #6b7280;
}