.hero-section {
    background: linear-gradient(135deg, #1a56db 0%, #0f3d9e 100%);
    min-height: 420px;
}
.gds-badge {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 0.875rem;
    color: #fff;
    white-space: nowrap;
}
.login-card {
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
}
.route-card {
    border: none;
    border-radius: 10px;
    transition: transform 0.15s, box-shadow 0.15s;
    cursor: default;
}
.route-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.step-circle {
    width: 52px; height: 52px;
    border-radius: 50%;
    background: #1a56db;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 12px;
}
.audience-card { border-radius: 10px; border: none; }