/* /assets/css/forms.css */
form fieldset {
    border: none;
    margin-bottom: var(--spacing-6);
}

.form-group {
    margin-bottom: var(--spacing-5);
    display: flex;
    flex-direction: column;
}

label {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--color-white);
    margin-bottom: var(--spacing-2);
}

input, select, textarea {
    width: 100%;
    background-color: var(--color-charcoal);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: var(--color-white);
    border-radius: var(--radius-btn);
    padding: 14px 16px;
    font-family: var(--font-primary);
    font-size: 1rem;
    transition: border-color var(--transition-fast);
}

input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: var(--color-blue);
}

select { appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: right 16px center; background-size: 12px; }
select option { background-color: var(--color-charcoal); color: var(--color-white); }

.help-text {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: var(--spacing-1);
}

.form-disclaimer {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: var(--spacing-3);
}