/**
 * Maison de l'Étudiant — layout des pages publiques d'inscription
 * (entreprise, mentor) : split plein écran, panneau navy + formulaire.
 * Complète mde-app.css (tokens, champs, boutons).
 */

.mde-auth {
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

/* Panneau navy (gauche) */
.mde-auth__panel {
	background: var(--mde-navy);
	color: #fff;
	padding: clamp(36px, 5vw, 64px);
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}
.mde-auth__panel::before {
	content: '';
	position: absolute;
	right: -60px;
	top: -40px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 35%, rgba(52, 169, 224, .5), transparent 65%);
}
.mde-auth__panel::after {
	content: '';
	position: absolute;
	left: -30px;
	bottom: 80px;
	width: 90px;
	height: 90px;
	border-radius: 0 90px 90px 90px;
	background: var(--mde-yellow);
	opacity: .9;
}
.mde-auth__logo { height: 42px; width: auto; align-self: flex-start; position: relative; z-index: 1; }
.mde-auth__panel-body { margin-top: auto; position: relative; z-index: 1; }
.mde-auth__kicker {
	font-family: 'Fredoka', var(--mde-sans);
	font-weight: 700;
	font-size: clamp(15px, 2vw, 17px);
	color: var(--mde-yellow);
	letter-spacing: .02em;
	margin-bottom: 14px;
}
.mde-auth__headline {
	font-family: var(--mde-serif);
	font-weight: 500;
	font-size: clamp(28px, 3.6vw, 40px);
	line-height: 1.08;
	letter-spacing: -.5px;
	max-width: 18ch;
}
.mde-auth__text {
	margin-top: 16px;
	font-size: 15px;
	line-height: 1.65;
	color: rgba(255, 255, 255, .8);
	max-width: 44ch;
}

/* Colonne formulaire (droite) */
.mde-auth__main {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(28px, 5vw, 56px);
}
.mde-auth__box { width: 100%; max-width: 460px; }
.mde-auth__box .mde-eyebrow { letter-spacing: .2em; margin-bottom: 12px; }
.mde-auth__title {
	font-family: var(--mde-serif);
	font-weight: 500;
	font-size: 34px;
	line-height: 1.05;
	letter-spacing: -.5px;
	margin-bottom: 8px;
}
.mde-auth__subtitle {
	font-size: 14.5px;
	color: var(--mde-muted);
	line-height: 1.55;
	margin-bottom: 28px;
}
.mde-auth__form .mde-fields { gap: 15px; }
.mde-auth__footer {
	text-align: center;
	margin-top: 22px;
	font-size: 14px;
	color: var(--mde-muted);
}
.mde-auth__footer a { color: var(--mde-navy); font-weight: 700; text-decoration: none; }

/* Honeypot : hors écran, invisible aussi pour les lecteurs de raccourcis */
.mde-auth__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Écran de confirmation */
.mde-auth__success { text-align: center; padding: 24px 0; }
.mde-auth__success-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--mde-green-soft);
	color: var(--mde-green);
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 18px;
}

@media (max-width: 860px) {
	.mde-auth { grid-template-columns: 1fr; }
	.mde-auth__panel { min-height: 220px; padding-bottom: 28px; }
	.mde-auth__panel-body { margin-top: 28px; }
}