.platt-degrad {
	font-weight: 900;
	background: linear-gradient(100deg,#9ea0a5 0%,#9695af 22%,#a485a6 43%,#bf7291 65%,#df5f78 87%,#df5f78 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}





.oneplatt-logo {
	font-family: "Proxima Nova", sans-serif;
	font-weight: 700;
	letter-spacing: -4px;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 1;
	font-size: clamp(4.2rem, 13vw, 8.5rem);
}

.one-logo {
	color: #cbcfd7;
}

.tt-logo {
	font-size: 1.07em;
}

.gradient-text {
	background: linear-gradient(100deg,#9ea0a5 0%,#9695af 22%,#a485a6 43%,#bf7291 65%,#df5f78 87%,#df5f78 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}


.centermsg {
	background: linear-gradient(100deg,#9ea0a5 0%,#9695af 22%,#a485a6 43%,#bf7291 65%,#df5f78 87%,#df5f78 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	margin-top: 15px;
	font-weight: 500;
	opacity: 0;

}





#hero {
	transition: transform 800ms cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
}

#hero.hero-to-top {
	transform: translateY(-18vh);
}

@media (max-width: 767.98px) {
	#hero.hero-to-top {
		transform: translateY(-10vh);
	}
}


#SignInDvHot {
	position: relative;

	display: grid;
	place-items: center;
	border-radius: 16px;
	max-width: 500px;
	opacity: 0;

	overflow: hidden;

	isolation: isolate;



	[data-bs-theme="light"] & {
		background-color: color-mix(in srgb, var(--bs-body-bg) 96%, black) !important;
	}

	[data-bs-theme="dark"] & {
		background-color: color-mix(in srgb, var(--bs-body-bg) 99%, white) !important;
	}
}


#SignInDvHot::after {
	content: "";
	position: absolute;
	top: -40%;
	left: -100%;
	width: 120%;
	height: 180%;
	transform: translateX(-140%) skewX(-18deg);
	background: linear-gradient(to right,
			rgba(158, 160, 165, 0) 0%,
			rgba(158, 160, 165, 0.6) 5%,
			rgba(150, 149, 175, 0.6) 25%,
			rgba(164, 133, 166, 0.6) 50%,
			rgba(191, 114, 145, 0.6) 75%,
			rgba(230, 91, 113, 0.6) 95%,
			rgba(230, 91, 113, 0) 100%);
	opacity: 0;
	pointer-events: none;
	z-index: 2;
	will-change: transform, opacity;
}

@keyframes drop-glass-shine {
	0% {
		transform: translateX(-140%) skewX(-18deg);
		opacity: 0;
	}

	10% {
		opacity: .7;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateX(160%) skewX(-18deg);
		opacity: 0;
	}
}

/* Match the resume upload card at every viewport. */
#SignInDvHot { width:100%; max-width:500px; }

/* Do not shrink or clip the form when the viewport is shorter than its content. */
body:has(#formSignIn){height:auto!important;min-height:100dvh;overflow-y:auto!important;}
#hero:has(#formSignIn){height:auto!important;min-height:0!important;flex:1 0 auto;transform:none!important;padding-block:clamp(24px,5vh,64px)!important;}
#hero:has(#formSignIn)>*{flex-shrink:0;}
#SignInDvHot{display:block;height:auto!important;min-height:min-content;flex:none;overflow:visible;padding:clamp(24px,4vw,48px)!important;}
#SignInDvHot::after{display:none;}
#formSignIn{height:auto!important;max-height:none;overflow:visible;}
#kt_signin_submit{height:auto;min-height:48px;white-space:normal;}
@media(max-width:800px){#hero:has(#formSignIn) .mb-10{margin-bottom:1.5rem!important;}#hero:has(#formSignIn) .oneplatt-logo{font-size:clamp(3.5rem,11vw,6rem);}body:has(#formSignIn)>header .container-fluid{padding-inline:16px!important;flex-wrap:wrap;}}