@import url("../../elastic/styles/styles.min.css");

:root { --asy-c1:#00d4ff; --asy-c2:#6c5ce7; --asy-c3:#a855f7; --asy-ink:#2d2d44; --asy-primary:#6c5ce7; }

body.task-login #layout-content {
	background:
		radial-gradient(1100px 760px at 12% 8%, rgba(0,212,255,.30), transparent 60%),
		radial-gradient(1000px 720px at 88% 92%, rgba(168,85,247,.38), transparent 60%),
		linear-gradient(135deg, #0b1030 0%, #171a3a 48%, #241447 100%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 100vh !important;
	padding: 24px !important;
}

body.task-login .asy-card {
	width: 100% !important;
	max-width: 400px !important;
	background: #ffffff !important;
	border-radius: 18px !important;
	box-shadow: 0 30px 80px rgba(4,6,25,.55), 0 2px 8px rgba(0,0,0,.18) !important;
	padding: 40px 34px 30px !important;
	text-align: center;
}

body.task-login #logo {
	position: static !important; top: 0 !important; display: block !important;
	margin: 0 auto 4px !important; max-width: 210px !important; max-height: none !important; height: auto !important;
}
body.task-login #login-form {
	position: static !important; top: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important;
}

body.task-login #login-form::before {
	content: "Hesabınıza giriş yapın"; display: block; text-align: center;
	color: #6b6b83; font-size: 14px; margin: 2px 0 20px;
}

body.task-login #login-form input.form-control {
	height: 46px !important; border: 1.5px solid #e3e3ef !important; border-radius: 10px !important;
	background: #fbfbfe !important; color: var(--asy-ink) !important; box-shadow: none !important;
}
body.task-login #login-form input.form-control:focus {
	border-color: var(--asy-primary) !important; background: #fff !important;
	box-shadow: 0 0 0 4px rgba(108,92,231,.18) !important; outline: none !important;
}

body.task-login #login-form .formbuttons { margin-top: 10px !important; }
body.task-login #login-form #rcmloginsubmit,
body.task-login #login-form .btn-primary,
body.task-login #login-form button.submit,
body.task-login #login-form button[type="submit"] {
	width: 100% !important; height: 48px !important; margin: 0 !important; border: none !important;
	border-radius: 10px !important; font-weight: 700 !important; font-size: 15px !important; color: #fff !important;
	background: linear-gradient(135deg, var(--asy-c2), var(--asy-c3)) !important;
	box-shadow: 0 10px 24px rgba(108,92,231,.45) !important; cursor: pointer;
}
body.task-login #login-form #rcmloginsubmit:hover,
body.task-login #login-form button[type="submit"]:hover { filter: brightness(1.06); box-shadow: 0 12px 28px rgba(108,92,231,.55) !important; }

body.task-login #login-footer { text-align: center; margin-top: 16px; color: #9a9ab0; font-size: 12px; }
body.task-login #login-footer a.support-link { color: var(--asy-primary); }