.signup-card {
    max-width: 720px;
    width: 100%;
    background: #fff;
    border-radius: 14px;
    padding: 32px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.25);
}

.subscription-option {
    border: 1px solid #ddd;
    padding: 14px 16px;
    border-radius: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: 0.2s ease;
}

.subscription-option:hover {
    border-color: var(--ud-red);
    background: #fff5f6;
}

.subscription-option input {
    margin-right: 10px;
    transform: scale(1.2);
}

.signup-card .form-label {
    margin-bottom: 0.25rem;
}

.signup-card .mb-4 {
    margin-bottom: 1.25rem !important;
}

.subscription-card {
    cursor: pointer;
    transition: 0.2s;
}

.subscription-card:hover {
    border-color: #dc3545;
    background: #fff7f7;
}

.signin-hero {
    padding-top: 80px; /* adjust to match navbar height */
}