/* Desk and website-safe ZeroNic brand surfaces. */

:root {
	--zeronic-teal: #00d4bb;
	--zeronic-yellow: #ffd12d;
	--zeronic-dark: #060909;
	--zeronic-deep-teal: #022b2c;
}

.zeronic-brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--zeronic-dark);
	font-family: Inter, Arial, sans-serif;
}

.zeronic-brand img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

html body .navbar .app-logo {
	max-height: 32px;
	object-fit: contain;
}

html body .splash,
html body .zeronic-splash {
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	transform: none !important;
	display: grid !important;
	place-items: center !important;
	width: 100vw !important;
	height: 100dvh !important;
	margin: 0 !important;
	padding: 0 !important;
	background: radial-gradient(ellipse 110% 70% at 50% 110%, #005c54 0%, transparent 65%), linear-gradient(180deg, #060909, #022b2c) !important;
	z-index: 99999 !important;
}

html body .splash img,
html body .zeronic-splash img {
	width: 104px !important;
	height: 104px !important;
	object-fit: contain;
	filter: drop-shadow(0 16px 38px rgba(0, 212, 187, 0.25));
}