/* Typography */
html, body {
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Brand hero with subtle gradient */
.brand-hero {
    background: linear-gradient(135deg, #00c4b3 0%, #04b1a2 50%, #0aa39a 100%);
    color: #ffffff;
}
.brand-hero .title,
.brand-hero .subtitle,
.brand-hero .hero-lead {
    color: #ffffff;
}

.brand-logo {
    max-width: 160px;
    height: auto;
    border-radius: 50%;
}

/* Glassmorphism card */
.glass-card {
    background: #ffffff; /* Solid white for contrast */
    color: #0a0a0a;      /* Dark text for readability */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(10,10,10,0.05);
    border-radius: 12px;
}

/* Ensure text inside the card is dark even within the light-on-dark hero */
.glass-card .title { color: #111111; }
.glass-card .subtitle { color: #4a4a4a; }
.glass-card p, .glass-card li { color: #0a0a0a; }

/* Inputs use black text on white */
.glass-card .input,
.glass-card .textarea { background-color: #ffffff; color: #0a0a0a; }
.glass-card .input::placeholder { color: #9a9a9a; opacity: 1; }
.glass-card .icon { color: #7a7a7a; }

/* Spacing helpers */
.mt-2 { margin-top: .5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 2rem; }