/* Accesso professionisti — split emozionale / esecutivo (mockup "Area Professionisti") */
.plogin { display: grid; min-height: 100dvh; }

.plogin__story { position: relative; isolation: isolate; overflow: hidden; color: #FFF6EC; }
.plogin__photo { position: absolute; inset: 0; z-index: -2; }
.plogin__img { width: 100%; height: 100%; object-fit: cover; object-position: center 70%; }
.plogin__story::after {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(180deg, rgba(40, 18, 10, 0.25) 0%, rgba(40, 18, 10, 0.72) 100%);
}
.plogin__story-inner { padding: calc(var(--space-5) + var(--safe-top)) var(--page-gutter) var(--space-6); }
.plogin__brand { display: inline-flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; }
.plogin__logo { width: 150px; height: auto; padding: 8px 12px; background: rgba(255, 250, 244, 0.94); border-radius: 12px; }
.plogin__area { font-size: var(--fs-xs); font-weight: var(--fw-heavy); letter-spacing: 0.06em; color: rgba(255, 246, 236, 0.86); }
.plogin__claim { margin-top: var(--space-4); font-size: 1.45rem; color: #FFF6EC !important; max-width: 16ch; }
.plogin__lead, .plogin__benefits { display: none; }

.plogin__panel { display: grid; align-content: start; gap: var(--space-4); padding: 0 var(--page-gutter) var(--space-6); margin-top: calc(-1 * var(--space-4)); position: relative; z-index: 1; }
.plogin__card { width: 100%; max-width: 460px; margin: 0 auto; }
.plogin__alert { margin-top: var(--space-4); }
.plogin__row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; font-size: var(--fs-sm); }
.plogin__row a { font-weight: var(--fw-bold); }
.plogin__or { display: flex; align-items: center; gap: var(--space-3); margin: var(--space-4) 0; color: var(--pro-ink-soft); font-size: var(--fs-xs); }
.plogin__or::before, .plogin__or::after { content: ""; flex: 1; border-top: 1px solid var(--pro-line); }
.plogin__note { display: flex; gap: var(--space-3); margin-top: var(--space-5); padding: var(--space-3) var(--space-4); border-radius: 12px; background: var(--pro-sunken); font-size: var(--fs-xs); color: var(--pro-ink-soft); }
.plogin__note .icon { flex: none; color: var(--pro-coral); width: 1.1rem; height: 1.1rem; }
.plogin__copy { text-align: center; font-size: var(--fs-xs); color: var(--pro-ink-soft); }
.plogin__copy a { color: inherit; }

@media (min-width: 768px) {
    .plogin__story-inner { padding: var(--space-7) var(--space-7) var(--space-8); }
    .plogin__claim { font-size: 2rem; }
    .plogin__panel { margin-top: calc(-1 * var(--space-6)); }
}

@media (min-width: 1024px) {
    .plogin { grid-template-columns: minmax(0, 1.15fr) minmax(440px, 0.85fr); }
    .plogin__story { min-height: 100dvh; display: flex; align-items: flex-end; }
    .plogin__story::after { background: linear-gradient(100deg, rgba(36, 16, 8, 0.86) 0%, rgba(36, 16, 8, 0.55) 55%, rgba(36, 16, 8, 0.15) 100%); }
    .plogin__story-inner { display: flex; flex-direction: column; min-height: 100dvh; padding: var(--space-8) clamp(40px, 5vw, 80px); }
    .plogin__logo { width: 190px; }
    .plogin__claim { margin-top: auto; font-size: clamp(2.6rem, 1.4rem + 2.2vw, 3.6rem); max-width: 13ch; line-height: 1.05; }
    .plogin__lead { display: block; margin-top: var(--space-5); max-width: 44ch; font-size: var(--fs-lg); color: rgba(255, 246, 236, 0.9); }
    .plogin__benefits { display: grid; gap: var(--space-4); margin: var(--space-7) 0 0; padding: 0; list-style: none; }
    .plogin__benefits li { display: flex; align-items: center; gap: var(--space-4); }
    .plogin__benefits strong { color: #fff; }
    .plogin__bicon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 250, 244, 0.95); color: var(--pro-cocoa); flex: none; }
    .plogin__panel { margin: 0; padding: var(--space-8) clamp(32px, 4vw, 64px); align-content: center; background: var(--pro-bg); }
    .plogin__card { padding: var(--space-8) var(--space-7); }
}