.eo-start-page,
.eo-register-page,
.eo-ticket-page {
	--eo-bg: #080d16;
	--eo-panel: #0d1726;
	--eo-panel-soft: #101d2f;
	--eo-line: #243650;
	--eo-blue: #2aa8ef;
	--eo-cyan: #20d3d8;
	--eo-orange: #d98a55;
	--eo-cream: #f0e2ca;
	--eo-muted: #7d8ba0;
	color: #dce5ef;
}

.eo-start-hero {
	padding: 34px;
	border: 1px solid var(--eo-line);
	background: radial-gradient(circle at 18% 12%, rgba(42,168,239,.18), transparent 36%), linear-gradient(135deg, #111f32, #08101b);
}

.eo-start-hero .eo-kicker,
.eo-form-note .eo-kicker {
	display: block;
	color: var(--eo-orange);
	font-size: 10px;
	letter-spacing: 2px;
	font-weight: 700;
}

.eo-start-hero h1 {
	margin: 8px 0 10px;
	color: var(--eo-cream);
	font: 700 40px "Philosopher", serif;
}

.eo-start-hero p {
	max-width: 760px;
	margin: 0;
	color: #8290a4;
	font-size: 12px;
	line-height: 1.75;
}

.eo-start-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
	gap: 12px;
	margin-top: 12px;
}

.eo-panel {
	padding: 26px;
	border: 1px solid var(--eo-line);
	background: linear-gradient(145deg, #0d1726, #080e18);
}

.eo-panel h2,
.eo-panel h3 {
	margin: 0 0 12px;
	color: var(--eo-cream);
	font: 700 24px "Philosopher", serif;
}

.eo-panel p,
.eo-panel li,
.eo-panel small {
	color: var(--eo-muted);
	font-size: 10px;
	line-height: 1.7;
}

.eo-download-size {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
	padding: 15px 18px;
	border: 1px solid #2c618c;
	background: #0b2742;
	color: #97a9bb;
}

.eo-download-size strong {
	color: #67c7fa;
	font: 700 22px "Philosopher", serif;
}

.eo-mirror-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.eo-mirror {
	min-height: 74px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px;
	border: 1px solid #2b4562;
	background: #0a1421;
	color: #e1e8f0 !important;
	text-decoration: none !important;
}

.eo-mirror:hover {
	border-color: var(--eo-blue);
	background: #0d1d2f;
}

.eo-mirror span,
.eo-mirror small {
	display: block;
}

.eo-mirror span {
	color: var(--eo-cream);
	font: 700 17px "Philosopher", serif;
}

.eo-mirror small {
	margin-top: 4px;
	color: #6f7f94;
}

.eo-check-list,
.eo-step-list-compact {
	margin: 0;
	padding: 0;
	list-style: none;
}

.eo-check-list li,
.eo-step-list-compact li {
	padding: 11px 0 11px 22px;
	border-bottom: 1px solid #1f3149;
	position: relative;
}

.eo-check-list li:before,
.eo-step-list-compact li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	width: 8px;
	height: 8px;
	border: 1px solid var(--eo-blue);
	background: #0b2742;
}

.eo-start-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.eo-start-button {
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 18px;
	border: 1px solid #34516f;
	background: #0b1726;
	color: #c9d6e4 !important;
	text-decoration: none !important;
	font: 700 12px "Philosopher", serif;
}

.eo-start-button.primary {
	border-color: #25b5e3;
	background: linear-gradient(100deg, #187fd1, #20d2d6);
	color: #fff !important;
}

.eo-form-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr);
	gap: 12px;
	margin-top: 12px;
}

.eo-register-form .fieldGroup {
	margin-bottom: 13px;
}

.eo-register-form label,
.eo-ticket-form label,
.eo-ticket-form .formLabel {
	display: block;
	margin-bottom: 7px;
	color: #dce5ef;
	font: 700 12px "Philosopher", serif;
}

.eo-field-help {
	display: block;
	margin-top: 6px;
	color: #65748a;
	font-size: 9px;
	line-height: 1.5;
}

.eo-field-error {
	display: block;
	margin-bottom: 6px;
	color: #ff8f8f;
	font-size: 10px;
}

.eo-form-note {
	padding: 24px;
	border: 1px solid var(--eo-line);
	background: #0a1421;
}

.eo-success-box,
.eo-login-needed {
	padding: 28px;
	border: 1px solid #2b8c66;
	background: linear-gradient(135deg, rgba(31,122,88,.22), rgba(8,14,24,.96));
	color: #dce5ef;
}

.eo-login-needed {
	border-color: #2b4562;
	background: #0a1421;
}

.eo-ticket-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 12px 0;
}

.eo-ticket-summary article {
	padding: 18px;
	border: 1px solid var(--eo-line);
	background: #0a1421;
}

.eo-ticket-summary span,
.eo-ticket-summary strong {
	display: block;
}

.eo-ticket-summary span {
	color: #6f7f94;
	font-size: 9px;
}

.eo-ticket-summary strong {
	margin-top: 5px;
	color: var(--eo-cream);
	font: 700 20px "Philosopher", serif;
}

.eo-table-card {
	padding: 16px;
	border: 1px solid var(--eo-line);
	background: #0d1726;
}

.eo-ticket-empty {
	padding: 24px;
	border: 1px dashed #2b4562;
	background: #0a1421;
	color: var(--eo-muted);
}

.eo-guide-columns .eo-feature-list {
	grid-template-columns: 1fr;
}

@media (max-width: 900px) {
	.eo-start-grid,
	.eo-form-layout,
	.eo-ticket-summary {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.eo-start-hero,
	.eo-panel,
	.eo-form-note {
		padding: 20px;
	}

	.eo-start-hero h1 {
		font-size: 32px;
	}

	.eo-mirror-grid {
		grid-template-columns: 1fr;
	}
}