/* Reset MUI */
.MuiPaper-root,.MuiCard-root,.MuiBox-root
{
	background: transparent !important;
	box-shadow: none !important;
}

/* Layout centré */
body
{
	margin: 0;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0f0f14;
	font-family: 'Figtree', -apple-system, sans-serif;
}

/* Background */
body::before
{
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background:radial-gradient(ellipse 80% 60% at 20% 0%, rgba(99,179,237,0.18) 0%, transparent 60%),radial-gradient(ellipse 60% 50% at 80% 10%, rgba(167,139,250,0.15) 0%, transparent 55%),radial-gradient(ellipse 70% 60% at 60% 80%, rgba(52,211,153,0.10) 0%, transparent 55%),#0f0f14;
}

/* Card principale */
.MuiContainer-root
{
	backdrop-filter: blur(28px);
	background: rgba(255,255,255,0.07) !important;
	border: 1px solid rgba(255,255,255,0.11);
	border-radius: 20px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.25);
	padding: 30px !important;
	max-width: 380px !important;
}

/* Inputs */
.MuiInputBase-root
{
	background: rgba(255,255,255,0.06);
	border-radius: 10px;
}

.MuiOutlinedInput-notchedOutline
{
	border: 1px solid rgba(255,255,255,0.12) !important;
}

.MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline
{
	border-color: rgba(255,255,255,0.2) !important;
}

.Mui-focused .MuiOutlinedInput-notchedOutline
{
	border-color: rgba(255,255,255,0.3) !important;
}

/* Texte */
.MuiInputBase-input
{
	color: rgba(255,255,255,0.92) !important;
}

.MuiFormLabel-root
{
	color: rgba(255,255,255,0.45) !important;
}

/* Bouton */
.MuiButton-root
{
	margin-top: 10px;
	background: rgba(255,255,255,0.08) !important;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 14px;
	backdrop-filter: blur(28px);
	color: rgba(255,255,255,0.92);
	transition: 0.2s;
}

.MuiButton-root:hover
{
	background: rgba(255,255,255,0.14) !important;
}

.MuiButton-root:active
{
	transform: scale(0.97);
}

/* Checkbox */
.MuiCheckbox-root
{
	color: rgba(255,255,255,0.5) !important;
}

.Mui-checked
{
	color: #34c759 !important;
}

/* Alert erreurs */
.MuiAlert-root
{
	background: rgba(255,59,48,0.15) !important;
	border: 1px solid rgba(255,59,48,0.25);
	color: #ff3b30;
	border-radius: 10px;
}

/* Footer */
footer
{
	color: rgba(255,255,255,0.25);
}

/* Animation */
.MuiContainer-root
{
	animation: fadeUp 0.6s ease;
}

@keyframes fadeUp
{
	from
	{
		opacity: 0;
		transform: translateY(12px);
	}

	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}