:root {
    --sc-gradient: linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%);
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.hero {
    background: var(--sc-gradient);
    color: #fff;
    padding: 4.5rem 0 5rem;
}

.hero .form-control {
    height: 3.25rem;
    font-size: 1.05rem;
}

.score-ring {
    width: 96px;
    height: 96px;
}

.feature-card {
    border-radius: 0.75rem;
    transition: transform .15s ease, box-shadow .15s ease;
}

.feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,.08);
}

.status-pill {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}