@charset "utf-8";
/**
 * Hybrid login — acrylic squircle card + Cobalt CTA.
 */

body.oneui-theme#login {
	background: #f3f3f3 !important;
	min-height: 100%;
	overflow: auto !important;
	color: var(--ou-text-1) !important;
	font-family: var(--ou-font-body) !important;
}

body.oneui-theme#login .wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 24px;
	box-sizing: border-box;
}

body.oneui-theme#login .inner-wrapper {
	width: min(400px, 100%);
	background: rgba(255, 255, 255, 0.75) !important;
	backdrop-filter: blur(20px) saturate(1.25);
	-webkit-backdrop-filter: blur(20px) saturate(1.25);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 24px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
	padding: 32px 28px 24px;
	box-sizing: border-box;
}

body.oneui-theme#login .logo-block {
	text-align: center;
	margin-bottom: 24px;
}

body.oneui-theme#login .logo-block .logo {
	max-width: 200px;
	max-height: 72px;
}

body.oneui-theme#login input.inputbox {
	height: 36px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	margin-bottom: 12px;
	color: #1a1a1a !important;
	background: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	padding: 6px 12px !important;
	transition: border-color 0.15s ease, transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

body.oneui-theme#login input.inputbox:focus {
	border-color: transparent !important;
	border-bottom: 2px solid var(--win-accent) !important;
	box-shadow: none !important;
	outline: none !important;
}

body.oneui-theme#login input.button,
body.oneui-theme#login .content-block input.button {
	width: 100%;
	height: 40px !important;
	border-radius: 9999px !important;
	background: var(--win-accent) !important;
	border: none !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	margin-top: 8px;
	transition: transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.15s ease !important;
}

body.oneui-theme#login input.button:hover {
	background: var(--win-accent-hover) !important;
}

body.oneui-theme#login input.button:active {
	background: var(--win-accent-active) !important;
	transform: scale(0.95);
}

body.oneui-theme#login .server-select select {
	height: 36px !important;
	border-radius: 8px !important;
	margin-bottom: 16px;
	padding: 6px 32px 6px 12px !important;
}

body.oneui-theme#login .footer,
body.oneui-theme#login .login-footer {
	margin-top: 18px;
	text-align: center;
	color: #8a8a8a;
	font-size: 12px;
}

body.oneui-theme#login a {
	color: var(--win-accent) !important;
	font-weight: 600;
}