/* Account / Register — restyle layout (linguaggio della home). Scoped a .account-page. Token in site.css. */
.account-page {
    max-width: 960px;
    margin: 0 auto;
    padding: 2.5rem 0 3.5rem;
}
.account-page--narrow { max-width: 680px; }

.account-head { margin-bottom: 1.75rem; }
.account-eyebrow {
    display: inline-flex; align-items: center; gap: .6rem;
    font-family: 'Outfit'; font-size: .76rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
    color: var(--yellow-600); margin-bottom: .6rem;
}
.account-eyebrow::before { content: ''; width: 28px; height: 2px; background: var(--yellow-500); }
.account-head h1 {
    font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    color: var(--navy-800); margin: 0;
}

/* sezioni del form (il partial usa .custom-card): look brand, niente bordo navy spesso legacy */
.account-form .custom-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-left: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 1.5rem 1.75rem;
    margin: 0 0 1.25rem;
}
.account-form .custom-card > h5 {
    font-family: 'Outfit', sans-serif; font-weight: 700;
    font-size: 1.05rem; color: var(--navy-800); letter-spacing: -.01em;
    margin-bottom: 1.1rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border);
}

/* campi */
.account-form .form-label {
    font-size: .82rem; font-weight: 600; color: var(--navy-800); margin-bottom: .4rem;
}
.account-form .form-control,
.account-form .form-select {
    border: 1.5px solid var(--border); border-radius: 10px;
    padding: .6rem .85rem; font-size: .94rem; color: var(--navy-800);
    transition: border-color .15s, box-shadow .15s, background .15s;
}
.account-form .form-control:hover,
.account-form .form-select:hover { border-color: var(--grey-200); }
.account-form .form-control:focus,
.account-form .form-select:focus {
    outline: none; border-color: var(--yellow-500);
    box-shadow: 0 0 0 4px rgba(245,183,0,.15); background: #FFFCF2;
}

/* azioni */
.account-actions { margin-top: 1.5rem; display: flex; gap: .75rem; flex-wrap: wrap; }
.account-submit {
    display: inline-flex; align-items: center; gap: .55rem;
    padding: .85rem 1.6rem; font-size: .94rem; font-weight: 600;
    background: var(--yellow-500); color: var(--navy-900);
    border: none; border-radius: 999px; cursor: pointer;
    transition: all .2s; text-decoration: none;
}
.account-submit:hover {
    background: var(--yellow-400); transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(245,183,0,.4);
}

.account-secondary { margin-top: 1.5rem; font-size: .9rem; color: var(--text-soft); }
.account-link { color: var(--navy-800); font-weight: 600; text-decoration: none; transition: color .2s; }
.account-link:hover { color: var(--yellow-600); }