:root #all TABLE.oxhero {
	MARGIN: 4px auto 14px;
}
:root #all TABLE.oxhero > TBODY > TR > TD.oxwg {
	DISPLAY: block;
	WIDTH: auto;
	PADDING: 0;
	TEXT-ALIGN: center;
}
:root #all TABLE.oxhero DIV.oxhero-card {
	BOX-SIZING: border-box;
	MAX-WIDTH: 880px;
	MARGIN: 0 auto;
	PADDING: 44px 56px 36px;
	BORDER-RADIUS: 24px;
	BACKGROUND-COLOR: rgba(255, 255, 255, 0.07);
	BACKGROUND-COLOR: color-mix(in srgb, var(--frame-text, #ffffff) 7%, transparent);
	FONT-FAMILY: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
:root #all TABLE.oxhero H1.oxw {
	MARGIN: 0 0 16px;
	FONT: 800 40px/1.15 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	LETTER-SPACING: -0.01em;
	TEXT-WRAP: balance;
}
:root #all TABLE.oxhero DIV.oxhero-text {
	MARGIN: 0 auto 28px;
	MAX-WIDTH: 640px;
	FONT-SIZE: 19px;
	LINE-HEIGHT: 1.5;
	TEXT-WRAP: pretty;
}
:root #all TABLE.oxhero TD.oxwg A.oxhero-join:is(:link, :visited, :hover, :active) {
	DISPLAY: inline-flex;
	ALIGN-ITEMS: center;
	JUSTIFY-CONTENT: center;
	GAP: 12px;
	BOX-SIZING: border-box;
	MIN-WIDTH: 380px;
	MIN-HEIGHT: 58px;
	PADDING: 14px 32px;
	BORDER-RADIUS: 16px;
	BACKGROUND-COLOR: var(--accent, #ffffff);
	COLOR: var(--accent-text, #1b1b1b);
	FONT-SIZE: 19px;
	FONT-WEIGHT: 700;
	LINE-HEIGHT: 1.25;
	TEXT-DECORATION: none;
	TRANSITION: filter 0.15s;
}
:root #all TABLE.oxhero TD.oxwg A.oxhero-join:hover {
	FILTER: brightness(1.1);
}
:root #all TABLE.oxhero TD.oxwg A.oxhero-join:focus-visible,
:root #all TABLE.oxhero TD.oxwg A.oxhero-login:focus-visible {
	OUTLINE: 2px solid var(--frame-text, #ffffff);
	OUTLINE-OFFSET: 3px;
}
:root #all TABLE.oxhero A.oxhero-join I {
	DISPLAY: block;
	FLEX: none;
	WIDTH: 22px;
	HEIGHT: 22px;
	BACKGROUND-COLOR: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
:root #all TABLE.oxhero TD.oxwg A.oxhero-login:is(:link, :visited, :hover, :active) {
	DISPLAY: table;
	MARGIN: 20px auto 0;
	PADDING: 4px 8px;
	FONT-SIZE: 16px;
	TEXT-DECORATION: none;
	COLOR: var(--frame-muted, #cfcfcf);
}
:root #all TABLE.oxhero TD.oxwg A.oxhero-login SPAN {
	COLOR: var(--frame-text, #ffffff);
	FONT-WEIGHT: 600;
}
:root #all TABLE.oxhero TD.oxwg A.oxhero-login:hover SPAN {
	TEXT-DECORATION: underline;
}
:root #all:has(TABLE.oxhero) TD.oxbb A.oxb:is([href*="register.php"], [href*="#oxcnx"]) {
	DISPLAY: none;
}
:root #all TABLE.oxhero > TBODY > TR > TD.oxcnx {
	DISPLAY: none;
	WIDTH: auto;
	PADDING: 16px 0 0;
}
:root #all TABLE.oxhero > TBODY > TR > TD.oxcnx:is(:target, :has(> SPAN.oxcnx-anchor:target)) {
	DISPLAY: block;
}
:root #all TABLE.oxhero SPAN.oxcnx-anchor {
	POSITION: absolute;
	TOP: 0;
	LEFT: 0;
}
:root #all TABLE.oxhero TD.oxcnx TABLE.oxci {
	MARGIN: 0 auto;
	TEXT-ALIGN: left;
}
@media (min-width: 640.02px) and (max-width: 972px) {
	:root #all TABLE.oxhero DIV.oxhero-card {
		MAX-WIDTH: 720px;
		PADDING: 36px 40px 30px;
	}
	:root #all TABLE.oxhero H1.oxw {
		FONT-SIZE: 34px;
	}
	:root #all TABLE.oxhero DIV.oxhero-text {
		FONT-SIZE: 18px;
	}
}
@media (max-width: 640px) {
	:root #all TABLE.oxhero DIV.oxhero-card {
		PADDING: 26px 20px 20px;
		BORDER-RADIUS: 20px;
		TEXT-ALIGN: left;
	}
	:root #all TABLE.oxhero H1.oxw {
		MARGIN-BOTTOM: 14px;
		FONT-SIZE: 28px;
		LINE-HEIGHT: 1.2;
	}
	:root #all TABLE.oxhero DIV.oxhero-text {
		MARGIN: 0 0 22px;
		FONT-SIZE: 17px;
	}
	:root #all TABLE.oxhero TD.oxwg A.oxhero-join:is(:link, :visited, :hover, :active) {
		DISPLAY: flex;
		MIN-WIDTH: 0;
		WIDTH: 100%;
		PADDING: 14px 18px;
		FONT-SIZE: 18px;
	}
	:root #all TABLE.oxhero TD.oxwg A.oxhero-login:is(:link, :visited, :hover, :active) {
		MARGIN-TOP: 16px;
	}
	:root #all TABLE.oxhero TABLE.oxci {
		WIDTH: 100%;
	}
}