body{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	font-family: 'Jost', sans-serif;
	background: linear-gradient(to bottom, #0f0c29, #302b63, #24243e);
}
.main{
	width: 350px;
	height: 500px;
	background: #1f1b3d;
	background-size: cover;
	border-radius: 10px;
	box-shadow: 5px 20px 50px #000;
}
/* --- Nueva disposición single-form --- */
.single-form{height:auto;min-height:480px;padding:25px 0;}
.single-form .login, .single-form .register{background:rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:35px 25px 30px 25px;height:auto;border-radius:12px;margin:0 15px;display:flex;flex-direction:column;justify-content:flex-start;}
.single-form h2{color:#fff;text-align:center;margin:0 0 25px 0;font-size:1.9em;font-weight:600;letter-spacing:.5px;}
.alt-link{margin-top:25px;text-align:center;color:#cfc8ff;font-size:.85em;}
.alt-link a{color:#fff;font-weight:600;text-decoration:none;}
.alt-link a:hover{text-decoration:underline;color:#e2d9ff;}

/* Inputs & botones mantienen estilo previo */
label{color:#fff;font-size:1.1em;font-weight:500;display:block;margin-bottom:6px;}
input[type="text"], input[type="email"], input[type="password"], input[type="number"]{
	width: 60%;
	height: 10px;
	background: #e0dede;
	justify-content: center;
	display: flex;
	margin: 20px auto;
	padding: 12px;
	border: none;
	outline: none;
	border-radius: 5px;
}
button{
	width: 60%;
	height: 40px;
	margin: 10px auto;
	justify-content: center;
	display: block;
	color: #fff;
	background: #573b8a;
	font-size: 1em;
	font-weight: bold;
	margin-top: 30px;
	outline: none;
	border: none;
	border-radius: 5px;
	transition: .2s ease-in;
	cursor: pointer;
}
button:hover{
	background: #6d44b8;
}
/* Eliminadas reglas de animación del toggle (login/registro combinados) */

.invalid-feedback {
	display: block;
	color: #dc3545;
	font-size: 0.875em;
	margin-top: 5px;
	text-align: center;
}

.form-check {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0;
}

.form-check-input {
	margin-right: 8px;
	width: auto !important;
	height: auto !important;
}

.form-check-label {
	color: #573b8a;
	font-size: 0.9em;
	margin: 0;
	font-weight: normal;
}

.btn-link {
	color: #573b8a;
	text-decoration: none;
	font-size: 0.9em;
	margin-top: 10px;
	display: block;
	text-align: center;
}

.btn-link:hover {
	color: #6d44b8;
	text-decoration: underline;
}

/* Ajustes específicos de formulario single */
.single-form .form-check-label{color:#fff;}
.single-form .form-check-input{filter:hue-rotate(35deg);}