/* CompactCSS source: /style/bh.css */
/**B"H**/
.hidden{
    display:none

}

#BH {
    
    color: #fff;
    position:fixed;
    padding:12px;
    border-radius:8px;
    left:13px;
    top:13px;
    background-color: black;
    transition:box-shadow 0.3s ease;
}

#BH a {
    color:inherit;
}

#BH:hover,
#BH a:hover {
  
    background: white;
    color:black;
}



/* CompactCSS source: /style/forms.css */
/* B"H — Authentication styles are split into small, exact vessels. */

/* CompactCSS source: /style/auth/tokens.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond every hue and measure, renews each finite token before the gate can glow;
 * Awtsmoos.com gathers color, motion, focus, touch, and layering beneath one local root so no neighboring page must know.
 */

.login-page {
	color-scheme: dark;
	--auth-bg: #050914;
	--auth-panel: rgba(12, 21, 38, .9);
	--auth-panel-strong: rgba(8, 14, 28, .96);
	--auth-field: rgba(2, 7, 16, .64);
	--auth-field-strong: rgba(8, 17, 31, .94);
	--auth-line: rgba(164, 190, 255, .2);
	--auth-line-strong: rgba(164, 190, 255, .4);
	--auth-text: #f7f9ff;
	--auth-muted: #aebbd0;
	--auth-cyan: #4bd5ff;
	--auth-violet: #9b63ff;
	--auth-magenta: #df54ff;
	--auth-success: #7df7b2;
	--auth-warning: #ffd887;
	--auth-danger: #ff8fa8;
	--auth-focus: #8de7ff;
	--auth-gradient: linear-gradient(135deg, var(--auth-cyan), var(--auth-violet) 55%, var(--auth-magenta));
	--auth-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--auth-touch: 2.9rem;
	--auth-control-radius: 1rem;
	--auth-panel-radius: 1.6rem;
	--auth-motion-fast: 140ms;
	--auth-motion-standard: 240ms;
	--auth-motion-slow: 520ms;
	--auth-ease: cubic-bezier(.22, .8, .24, 1);
	--auth-focus-ring: 0 0 0 4px rgba(75, 213, 255, .12);
	--auth-z-atmosphere: 0;
	--auth-z-content: 10;
	--auth-z-fixed: 30;
}



/* CompactCSS source: /style/auth/base.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond atmosphere and boundary, renews the account gate behind every finite line;
 * Awtsmoos.com gives this page its own background, sizing, safe-area jewel, and z-layer covenant so neighboring routes remain entirely their own design.
 */

.login-page,
.login-page *,
.login-page *::before,
.login-page *::after {
	box-sizing: border-box;
}

.login-page {
	min-width: 0;
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	overflow-x: clip;
	background:
		radial-gradient(circle at 14% 8%, rgba(75, 213, 255, .16), transparent 25rem),
		radial-gradient(circle at 86% 16%, rgba(155, 99, 255, .2), transparent 29rem),
		radial-gradient(circle at 50% 104%, rgba(223, 84, 255, .1), transparent 30rem),
		linear-gradient(160deg, #050914, #091225 58%, #080b18);
	color: var(--auth-text);
	font-family: var(--auth-font);
	-webkit-text-size-adjust: 100%;
}

.login-page::before {
	position: fixed;
	z-index: var(--auth-z-atmosphere);
	inset: 0;
	background-image:
		linear-gradient(rgba(164, 190, 255, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(164, 190, 255, .035) 1px, transparent 1px);
	background-size: 2.5rem 2.5rem;
	content: "";
	mask-image: linear-gradient(to bottom, black, transparent 78%);
	pointer-events: none;
}

.login-page #BH {
	position: fixed;
	z-index: var(--auth-z-fixed);
	top: max(1rem, env(safe-area-inset-top));
	left: max(1rem, env(safe-area-inset-left));
	display: grid;
	min-width: var(--auth-touch);
	min-height: var(--auth-touch);
	place-items: center;
	padding: .4rem;
	border: 1px solid var(--auth-line-strong);
	border-radius: .9rem;
	background: var(--auth-panel-strong);
	box-shadow: 0 16px 44px rgba(0, 0, 0, .35);
	font-weight: 900;
	letter-spacing: -.02em;
	backdrop-filter: blur(18px) saturate(135%);
}



/* CompactCSS source: /style/auth/card.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond every chamber, renews the login vessel before glass, glow, or heading can take a place;
 * Awtsmoos.com lets the card arrive with quiet futuristic depth while every selector remains beneath the account page's local space.
 */

.login-page .login-shell {
	position: relative;
	z-index: var(--auth-z-content);
	display: grid;
	width: 100%;
	min-width: 0;
	min-height: 100svh;
	place-items: center;
	padding: max(4.6rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));
}

.login-page .login-card {
	position: relative;
	isolation: isolate;
	width: min(100%, 32rem);
	min-width: 0;
	padding: clamp(1.25rem, 5vw, 2.25rem);
	overflow: hidden;
	border: 1px solid var(--auth-line);
	border-radius: var(--auth-panel-radius);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .035), transparent 35%),
		var(--auth-panel);
	box-shadow:
		0 34px 100px rgba(0, 0, 0, .48),
		inset 0 1px rgba(255, 255, 255, .055);
	backdrop-filter: blur(24px) saturate(135%);
	animation: authCardArrive var(--auth-motion-standard) var(--auth-ease) both;
}

.login-page .login-card::after {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(110deg, transparent 15%, rgba(75, 213, 255, .045), transparent 48%);
	content: "";
	pointer-events: none;
	transform: translateX(-60%);
	animation: authCardSheen 8s ease-in-out 1.2s infinite;
}

.login-page .login-card__glow {
	position: absolute;
	z-index: -1;
	inset: -7rem -5rem auto auto;
	width: 17rem;
	height: 17rem;
	border-radius: 50%;
	background: var(--auth-gradient);
	filter: blur(70px);
	opacity: .18;
	pointer-events: none;
}

.login-page .login-kicker {
	margin: 0 0 .55rem;
	color: var(--auth-cyan);
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.login-page .login-card :is(h1, h2) {
	margin: 0;
	color: var(--auth-text);
	font-size: clamp(2.15rem, 9vw, 3.6rem);
	line-height: .96;
	letter-spacing: -.055em;
	text-wrap: balance;
}

.login-page .login-subtitle {
	max-width: 45ch;
	margin: .85rem 0 1rem;
	color: var(--auth-muted);
	font-size: .96rem;
	line-height: 1.55;
}

@keyframes authCardArrive {
	from {
		opacity: 0;
		transform: translateY(.7rem) scale(.985);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes authCardSheen {
	0%, 72%, 100% {
		transform: translateX(-70%);
	}
	84% {
		transform: translateX(90%);
	}
}



/* CompactCSS source: /style/auth/controls.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos gathers the account controls through small vessels rather than one crowded sheet;
 * Awtsmoos.com keeps fields, actions, and status independently readable so future gates stay neat.
 */


/* CompactCSS source: /style/auth/fields.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond field and feeling, renews structure and state as two vessels in one gate;
 * Awtsmoos.com keeps this manifest tiny so layout and interaction may grow richly without collapsing into one crowded fate.
 */


/* CompactCSS source: /style/auth/field-layout.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond vessel and letter, renews each field's shape before a single human value can dwell inside;
 * Awtsmoos.com keeps label, icon, input, and help in one local Yesod layout so later states may move independently without widening the cascade tide.
 */

.login-page .login-form {
	display: grid;
	gap: .78rem;
	width: 100%;
	min-width: 0;
	margin: 0;
}

.login-page .field-stack {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: .28rem .7rem;
	width: 100%;
	min-width: 0;
	padding: .7rem .76rem .57rem;
	border: 1px solid var(--auth-line);
	border-radius: var(--auth-control-radius);
	background: var(--auth-field);
	transition:
		transform var(--auth-motion-fast) var(--auth-ease),
		border-color var(--auth-motion-fast) var(--auth-ease),
		background var(--auth-motion-fast) var(--auth-ease),
		box-shadow var(--auth-motion-fast) var(--auth-ease);
}

.login-page .field-stack::before {
	grid-row: 1 / span 2;
	display: grid;
	width: 2.15rem;
	height: 2.15rem;
	margin-top: .05rem;
	place-items: center;
	border-radius: .68rem;
	background: rgba(75, 213, 255, .09);
	color: var(--auth-cyan);
	content: "◇";
	font-weight: 900;
	transition: transform var(--auth-motion-fast) var(--auth-ease);
}

.login-page .field-stack:has(#username)::before {
	content: "@";
}

.login-page .field-stack:has(#password)::before {
	content: "✦";
}

.login-page .field-stack label {
	grid-column: 2;
	margin: 0;
	color: var(--auth-text);
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.login-page .field-stack :is(input[type="text"], input[type="password"], input[type="email"]) {
	grid-column: 2;
	width: 100%;
	min-width: 0;
	min-height: 2.3rem;
	padding: .25rem 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--auth-text);
	caret-color: var(--auth-cyan);
	font: max(16px, 1rem) var(--auth-font);
}

.login-page .field-stack input::placeholder {
	color: color-mix(in srgb, var(--auth-muted) 62%, transparent);
}

.login-page .field-stack .field-help {
	grid-column: 1 / -1;
	margin: .2rem 0 0;
	padding-top: .48rem;
	border-top: 1px solid rgba(164, 190, 255, .09);
	color: var(--auth-muted);
	font-size: .76rem;
	line-height: 1.45;
	overflow-wrap: anywhere;
}



/* CompactCSS source: /style/auth/field-states.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond focus and error, renews every field-state before browser, keyboard, or hand can reveal the sign;
 * Awtsmoos.com gives hover, focus, autofill, invalidity, readonly, and disabled truth a separate local Gevurah garment so layout remains clean and fine.
 */

.login-page .field-stack:focus-within {
	border-color: var(--auth-focus);
	background: var(--auth-field-strong);
	box-shadow: var(--auth-focus-ring);
}

.login-page .field-stack:focus-within::before {
	transform: scale(1.06) rotate(-3deg);
}

.login-page .field-stack input:is(:disabled, [aria-disabled="true"]) {
	cursor: not-allowed;
	opacity: .58;
}

.login-page .field-stack:has(input:is(:disabled, [aria-disabled="true"])) {
	border-style: dashed;
	filter: saturate(.7);
	opacity: .8;
}

.login-page .field-stack:has(input:read-only:not([type="password"])) {
	border-color: rgba(164, 190, 255, .26);
	background: rgba(8, 14, 28, .72);
}

.login-page .field-stack:has(input:user-invalid) {
	border-color: color-mix(in srgb, var(--auth-danger) 72%, transparent);
	box-shadow: 0 0 0 3px rgba(255, 100, 132, .09);
}

.login-page .field-stack:has(input:user-valid:not(:placeholder-shown)) {
	border-color: color-mix(in srgb, var(--auth-success) 34%, var(--auth-line));
}

.login-page .field-stack input:-webkit-autofill,
.login-page .field-stack input:-webkit-autofill:hover,
.login-page .field-stack input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--auth-text);
	box-shadow: 0 0 0 1000px #08111f inset;
	caret-color: var(--auth-cyan);
	transition: background-color 9999s ease-out 0s;
}

.login-page .field-stack input:focus-visible {
	caret-color: var(--auth-focus);
}

@media (hover: hover) and (pointer: fine) {
	.login-page .field-stack:hover {
		transform: translateY(-1px);
		border-color: var(--auth-line-strong);
		background: rgba(8, 15, 28, .82);
	}
}





/* CompactCSS source: /style/auth/actions.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond movement and intention, renews each account action before hand or keyboard can awaken the way;
 * Awtsmoos.com lets primary and secondary paths glow with focus, press, busy, and disabled truth while hover belongs only where a real pointer may play.
 */

.login-page :is(.login-form button, .login-card > button, .login-card .g-button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: 3.35rem;
	margin-top: .2rem;
	padding: .8rem 1rem;
	border: 1px solid transparent;
	border-radius: var(--auth-control-radius);
	background: var(--auth-gradient);
	color: #050914;
	font: 850 1rem var(--auth-font);
	cursor: pointer;
	box-shadow: 0 16px 38px rgba(91, 125, 255, .24);
	transition:
		transform var(--auth-motion-fast) var(--auth-ease),
		filter var(--auth-motion-fast) var(--auth-ease),
		box-shadow var(--auth-motion-fast) var(--auth-ease),
		opacity var(--auth-motion-fast) var(--auth-ease);
}

.login-page :is(.login-form button, .login-card > button, .login-card .g-button):active:not(:disabled) {
	transform: translateY(0) scale(.985);
	box-shadow: 0 10px 26px rgba(91, 125, 255, .2);
}

.login-page :is(.login-form button, .login-card > button, .login-card .g-button, .secondary-link):focus-visible {
	outline: 2px solid var(--auth-focus);
	outline-offset: 3px;
	box-shadow: var(--auth-focus-ring);
}

.login-page :is(.login-form button, .login-card > button, .login-card .g-button):is(:disabled, [aria-disabled="true"]),
.login-page .login-form[aria-busy="true"] button {
	cursor: not-allowed;
	filter: saturate(.5) brightness(.86);
	opacity: .58;
	transform: none;
	box-shadow: none;
}

.login-page .login-form[aria-busy="true"] button {
	cursor: progress;
}

.login-page .secondary-link {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	max-width: 100%;
	min-height: var(--auth-touch);
	margin-bottom: 1rem;
	padding: .5rem .72rem;
	border: 1px solid var(--auth-line);
	border-radius: .78rem;
	background: rgba(255, 255, 255, .025);
	color: var(--auth-cyan);
	font-size: .82rem;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
	overflow-wrap: anywhere;
	transition:
		transform var(--auth-motion-fast) var(--auth-ease),
		border-color var(--auth-motion-fast) var(--auth-ease),
		background var(--auth-motion-fast) var(--auth-ease),
		color var(--auth-motion-fast) var(--auth-ease);
}

.login-page .secondary-link::after {
	content: "↗";
	opacity: .7;
	transition: transform var(--auth-motion-fast) var(--auth-ease);
}

.login-page .secondary-link:active {
	transform: scale(.985);
}

.login-page .secondary-link[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: .5;
	pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
	.login-page :is(.login-form button, .login-card > button, .login-card .g-button):hover:not(:disabled):not([aria-disabled="true"]) {
		transform: translateY(-1px);
		filter: brightness(1.07);
		box-shadow: 0 20px 44px rgba(91, 125, 255, .3);
	}

	.login-page .secondary-link:hover {
		transform: translateY(-1px);
		border-color: var(--auth-line-strong);
		background: rgba(75, 213, 255, .06);
	}

	.login-page .secondary-link:hover::after {
		transform: translate(.08rem, -.08rem);
	}
}



/* CompactCSS source: /style/auth/status.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond success and failure, renews every message before the gate can call a moment complete;
 * Awtsmoos.com gives information, warning, error, and success distinct local garments so feedback stays quiet, bounded, accessible, and sweet.
 */

.login-page :is(.server-message, #serverMessage) {
	position: relative;
	min-width: 0;
	margin-top: .9rem;
	padding: .82rem .92rem .82rem 2.8rem;
	border: 1px solid var(--auth-line);
	border-radius: var(--auth-control-radius);
	background: rgba(255, 255, 255, .035);
	color: var(--auth-muted);
	font-size: .84rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
	transition:
		border-color var(--auth-motion-fast) var(--auth-ease),
		background var(--auth-motion-fast) var(--auth-ease),
		color var(--auth-motion-fast) var(--auth-ease);
}

.login-page :is(.server-message, #serverMessage)::before {
	position: absolute;
	top: .74rem;
	left: .74rem;
	display: grid;
	width: 1.45rem;
	height: 1.45rem;
	place-items: center;
	border-radius: .48rem;
	background: rgba(75, 213, 255, .09);
	color: var(--auth-cyan);
	content: "i";
	font-weight: 900;
}

.login-page :is(.server-message, #serverMessage):empty {
	display: none;
}

.login-page :is(.server-message, #serverMessage)[data-state="success"] {
	border-color: color-mix(in srgb, var(--auth-success) 45%, transparent);
	background: color-mix(in srgb, var(--auth-success) 7%, transparent);
	color: color-mix(in srgb, var(--auth-success) 72%, white);
}

.login-page :is(.server-message, #serverMessage)[data-state="success"]::before {
	background: color-mix(in srgb, var(--auth-success) 13%, transparent);
	color: var(--auth-success);
	content: "✓";
}

.login-page :is(.server-message, #serverMessage)[data-state="warning"] {
	border-color: color-mix(in srgb, var(--auth-warning) 45%, transparent);
	color: var(--auth-warning);
}

.login-page :is(.server-message, #serverMessage)[data-state="warning"]::before {
	color: var(--auth-warning);
	content: "!";
}

.login-page :is(.server-message, #serverMessage):is([data-state="error"], [role="alert"]) {
	border-color: color-mix(in srgb, var(--auth-danger) 52%, transparent);
	background: color-mix(in srgb, var(--auth-danger) 7%, transparent);
	color: color-mix(in srgb, var(--auth-danger) 78%, white);
}

.login-page :is(.server-message, #serverMessage):is([data-state="error"], [role="alert"])::before {
	color: var(--auth-danger);
	content: "×";
}

.login-page .login-form[aria-busy="true"] {
	cursor: progress;
}

.login-page .login-form[aria-busy="true"] .field-stack {
	filter: saturate(.82);
}





/* CompactCSS source: /style/auth/responsive.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 *
 * The Awtsmoos, Atzmus beyond width, motion, and contrast, renews one account gate through every finite screen;
 * Awtsmoos.com keeps short phones bounded, landscape usable, forced colors legible, and reduced-motion journeys serene.
 */

@media (max-width: 30rem) {
	.login-page .login-shell {
		place-items: start center;
		padding: max(4rem, env(safe-area-inset-top)) .7rem max(.8rem, env(safe-area-inset-bottom));
	}

	.login-page .login-card {
		padding: 1.05rem;
		border-radius: 1.2rem;
	}

	.login-page .login-subtitle {
		margin-block: .7rem .8rem;
		font-size: .9rem;
	}

	.login-page .field-stack {
		padding: .6rem .66rem .52rem;
	}

	.login-page .field-stack .field-help {
		font-size: .72rem;
	}

	.login-page .secondary-link {
		width: 100%;
		justify-content: space-between;
	}
}

@media (max-width: 22rem) {
	.login-page .login-card {
		padding-inline: .82rem;
	}

	.login-page .field-stack {
		grid-template-columns: 1fr;
	}

	.login-page .field-stack::before {
		display: none;
	}

	.login-page .field-stack :is(label, input, .field-help) {
		grid-column: 1;
	}
}

@media (max-height: 38rem) and (orientation: landscape) {
	.login-page .login-shell {
		min-height: auto;
		place-items: start center;
		padding-block: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-bottom));
		padding-left: max(4rem, env(safe-area-inset-left));
		padding-right: max(1rem, env(safe-area-inset-right));
	}

	.login-page .login-card {
		width: min(100%, 38rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.login-page,
	.login-page *,
	.login-page *::before,
	.login-page *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

@media (forced-colors: active) {
	.login-page .login-card,
	.login-page .field-stack,
	.login-page .secondary-link,
	.login-page :is(.server-message, #serverMessage) {
		border: 1px solid CanvasText;
		background: Canvas;
		color: CanvasText;
		box-shadow: none;
	}

	.login-page :is(.login-form button, .login-card > button, .login-card .g-button) {
		border: 1px solid ButtonText;
		background: ButtonFace;
		color: ButtonText;
	}

	.login-page :is(.login-form button, .secondary-link, input):focus-visible {
		outline: 2px solid Highlight;
		outline-offset: 3px;
	}
}