* { box-sizing: border-box; }
	body {
		margin: 0;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #0d0d10;
		color: #eee;
		font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	}
	form,
	main {
		width: 320px;
		padding: 32px;
		background: #17171c;
		border: 1px solid #29292f;
		border-radius: 10px;
	}
	h1 {
		font-size: 18px;
		margin: 0 0 20px;
		text-align: center;
	}
	label {
		display: block;
		font-size: 13px;
		color: #999;
		margin-bottom: 6px;
	}
	input {
		width: 100%;
		padding: 10px 12px;
		margin-bottom: 16px;
		background: #0d0d10;
		border: 1px solid #33333a;
		border-radius: 6px;
		color: #eee;
		font-size: 14px;
	}
	input:focus {
		outline: none;
		border-color: #5b8cff;
	}
	button {
		width: 100%;
		padding: 10px;
		background: #5b8cff;
		border: none;
		border-radius: 6px;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		cursor: pointer;
	}
	button:hover {
		background: #4a76e6;
	}
	#error {
		color: #ff6b6b;
		font-size: 13px;
		margin-top: 12px;
		text-align: center;
		min-height: 16px;
	}

	main {
		text-align: center;
	}
	main p {
		margin: 0 0 20px;
		font-size: 14px;
		color: #999;
	}
	main a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 10px;
		border-radius: 6px;
		background: #eee;
		color: #0d0d10;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
	}