/* Log-in of MonCV (templates/account/auth/cv-login.php), after preprod.moncv.com/connexion/:
   the form on a light background on the left, a mosaic of CV templates on the right. */
@font-face { font-family: "Jakarta"; src: url("../fonts/cv/plus-jakarta-sans.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }

body[data-fa-page="auth/cv-login"] { --fa-title: "Jakarta", system-ui, sans-serif; --fa-text-font: "Jakarta", system-ui, sans-serif; background: #f2f6fb; }
.cva { display: grid; min-height: 100vh; font-family: var(--fa-text-font); }
@media (min-width: 960px) { .cva { grid-template-columns: 1fr 1fr; } }

.cva__form { display: flex; flex-direction: column; padding: 28px 20px 48px; }
@media (min-width: 960px) { .cva__form { padding: 32px 56px 56px; } }
.cva__logo img { display: block; width: 150px; height: auto; }
.cva__inner { width: 100%; max-width: 440px; margin: auto; padding-top: 40px; }
.cva h1 { margin: 0 0 1rem; color: #0f1530; font: 700 clamp(2rem, 4vw, 2.6rem)/1.15 var(--fa-title); letter-spacing: -.02em; }
.cva__lead { margin: 0 0 .6rem; color: #5c6678; font-size: 16px; }
.cva__lead a { color: #3d64ff; font-weight: 600; }
.cva__note { margin: 1.25rem 0 0; }

.cva__google { display: flex; align-items: center; justify-content: center; gap: .75rem; min-height: 50px; margin-top: 1.75rem; border: 1px solid #d6dde8; border-radius: 10px; background: #fff; color: #1b2233; font-size: 16px; font-weight: 600; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.cva__google:hover { border-color: #3d64ff; box-shadow: 0 4px 14px rgba(61, 100, 255, .12); }
.cva__or { display: flex; align-items: center; gap: .75rem; margin: 1.25rem 0 0; color: #8a93a5; font-size: 14px; }
.cva__or::before, .cva__or::after { content: ""; flex: 1; height: 1px; background: #dde3ec; }

.cva__card { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #dde3ec; }
.cva__or + .cva__card { border-top: 0; padding-top: 0; }
.cva__card .fa-input, .cva__card .fa-password input { background: #fff; }
.cva__card .fa-btn--primary { min-height: 50px; margin-top: .5rem; border-radius: 10px; background: #3d64ff; font-size: 16px; }
.cva__legal { margin: 1.25rem 0 0; color: #8a93a5; font-size: 13px; line-height: 1.5; }
.cva__legal a { color: inherit; }

.cva__picture { display: none; background: #0f1530 center / cover no-repeat; }
@media (min-width: 960px) { .cva__picture { display: block; } }