.register-page {
	display: flex;
	justify-content: center;
	padding: 40px 16px;
}

.register-page__card {
	width: 100%;
	max-width: 800px;
	padding: 24px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	background: #fff;
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.register-page__form-group {
	margin-bottom: 14px;
	display: flex;
	flex-direction: column;
}

.register-page__label {
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: 600;
}

.register-page input,
.register-page select,
.register-page textarea {
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 14px;
	outline: none;
}

.register-page input:focus,
.register-page select:focus,
.register-page textarea:focus {
	border-color: #4a76ff;
}

.register-page__help-text {
	font-size: 12px;
	color: #666;
	margin-top: 4px;
}

.register-page__error-text {
	font-size: 12px;
	color: #b00020;
	margin-top: 4px;
}

.register-page__submit-button {
	width: 100%;
	padding: 10px 12px;
	margin-top: 10px;
	border: none;
	border-radius: 8px;
	background: #1f4fff;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.register-page__submit-button:hover {
	background: #163dcc;
}

.register-page__hint-text {
	margin-top: 10px;
	font-size: 12px;
	color: #666;
	text-align: center;
}




.toast {
    position: relative;
    margin: 8px;
    padding: 12px 16px;
    background: #333;
    color: white;
    border-radius: 6px;
    max-width: 300px;
}

.toast--error {
    background: #b00020;
}

.toast--success {
    background: #1b5e20;
}