* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}

body {
		background-color: #1e1f2e;
		color: white;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
		min-height: 100vh;
		padding: 0 48px;
}

.header {
		padding: 23px 23px;
		border-bottom: 1px solid #404376;
		display: flex;
		align-items: center;
		justify-content: space-between;
}

.header-logo img {
		height: 37px;
		width: auto;
}

.back-link {
		color: #6366f1;
		text-decoration: none;
		font-size: 0.95em;
		transition: color 0.2s ease;
}

.back-link:hover {
		color: #8185f3;
}

.content-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: calc(100vh - 60px);
		padding: 20px;
}

.container {
		text-align: center;
		max-width: 600px;
}

.warning-icon {
		width: 80px;
		height: 80px;
		margin: 0 auto 30px;
		position: relative;
}

.warning-icon svg {
		width: 100%;
		height: 100%;
}

h1 {
		font-size: 1.75em;
		margin-bottom: 20px;
		font-weight: 500;
		letter-spacing: -0.02em;
}

p {
		font-size: 1em;
		margin-bottom: 35px;
		line-height: 1.5;
		color: #b4b4c8;
}

.button-group {
		display: flex;
		gap: 15px;
		justify-content: center;
		flex-wrap: wrap;
}

.button {
		display: inline-block;
		padding: 12px 28px;
		text-decoration: none;
		font-size: 0.95em;
		border-radius: 6px;
		transition: all 0.2s ease;
		font-weight: 500;
		border: 2px solid;
}

.button-outline {
		background-color: transparent;
		color: white;
		border-color: #4a4d7a;
}

.button-outline:hover {
		border-color: #6366f1;
		background-color: rgba(99, 102, 241, 0.1);
}

.button-primary {
		background-color: #6366f1;
		color: white;
		border-color: #6366f1;
}

.button-primary:hover {
		background-color: #5558e3;
		border-color: #5558e3;
}