body.smart-portal-editor-page {
	background:
		radial-gradient(circle at 12% 5%, rgba(45, 183, 236, 0.16), transparent 30%),
		radial-gradient(circle at 88% 70%, rgba(45, 183, 236, 0.11), transparent 34%),
		linear-gradient(135deg, #061827 0%, #07121f 100%);
	color: #fff;
}

body.smart-portal-editor-page #primary,
body.smart-portal-editor-page #main,
body.smart-portal-editor-page .site-main,
body.smart-portal-editor-page .content-area,
body.smart-portal-editor-page .entry-content,
body.smart-portal-editor-page .et-l,
body.smart-portal-editor-page .et_builder_inner_content,
body.smart-portal-editor-page .et_pb_section,
body.smart-portal-editor-page .et_pb_row,
body.smart-portal-editor-page .et_pb_column {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

body.smart-portal-editor-page article,
body.smart-portal-editor-page .entry-content > .et-l {
	width: min(1080px, calc(100% - 40px));
	margin: 0 auto;
	padding: clamp(44px, 7vw, 88px) 0 clamp(64px, 8vw, 108px);
}

body.smart-portal-editor-page .et_pb_module {
	margin: 0;
}

body.smart-portal-editor-alert .entry-content {
	padding: 28px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)), rgba(7, 17, 33, 0.72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 42px rgba(0, 0, 0, 0.16);
}

body.smart-portal-editor-alert .entry-content h2:first-child {
	padding: 20px;
	border: 1px solid rgba(251, 113, 133, 0.34);
	border-radius: 12px;
	background: rgba(190, 24, 93, 0.14);
}

body.smart-portal-editor-alert .entry-content h2:first-child,
body.smart-portal-editor-alert .entry-content h2:first-child a {
	color: #ff8fa3 !important;
}

body.smart-portal-editor-page .et_pb_text,
body.smart-portal-editor-page .et_pb_code {
	margin: 0 0 22px;
	padding: 26px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)), rgba(7, 17, 33, 0.72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 42px rgba(0, 0, 0, 0.16);
}

body.smart-portal-editor-page h1,
body.smart-portal-editor-page h2,
body.smart-portal-editor-page h3 {
	margin: 0 0 18px;
	color: #fff;
	font-weight: 900;
	line-height: 1.12;
}

body.smart-portal-editor-page h2 {
	font-size: clamp(27px, 4vw, 42px);
}

body.smart-portal-editor-page h2 > div {
	margin-top: 8px;
	color: #6ddfff;
	font-size: 0.44em;
	font-weight: 800;
}

body.smart-portal-editor-page p,
body.smart-portal-editor-page .et_pb_code_inner {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	line-height: 1.65;
}

body.smart-portal-editor-page form.portal-edit-form,
body.smart-portal-editor-page .et_pb_code_inner form {
	display: grid;
	grid-template-columns: minmax(108px, auto) minmax(180px, 0.8fr) minmax(250px, 1.4fr) auto;
	gap: 12px;
	align-items: center;
	margin: 14px 0 0;
}

body.smart-portal-editor-page .et_pb_code_inner form {
	grid-template-columns: minmax(220px, 360px) auto;
}

body.smart-portal-editor-page input[type="text"],
body.smart-portal-editor-page input[type="code"],
body.smart-portal-editor-page .woocommerce-Input.input-text {
	width: 100%;
	min-height: 45px;
	box-sizing: border-box;
	padding: 10px 13px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.075);
	color: #fff;
	box-shadow: none;
}

body.smart-portal-editor-page input[type="text"]:focus,
body.smart-portal-editor-page input[type="code"]:focus,
body.smart-portal-editor-page .woocommerce-Input.input-text:focus {
	border-color: rgba(41, 185, 239, 0.65);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(41, 185, 239, 0.16);
}

body.smart-portal-editor-page input[type="submit"],
body.smart-portal-editor-page input.medium {
	min-height: 45px;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 9px;
	background: linear-gradient(135deg, #38cef9, #159ed6) !important;
	color: #031521 !important;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 10px 22px rgba(36, 173, 233, 0.2);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.smart-portal-editor-page input[type="submit"]:hover,
body.smart-portal-editor-page input.medium:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(36, 173, 233, 0.3);
}

body.smart-portal-editor-page hr {
	margin: 26px 0;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.11);
}

body.smart-portal-editor-page .et_pb_image {
	margin: 22px 0;
	text-align: center;
}

body.smart-portal-editor-page .et_pb_image_wrap,
body.smart-portal-editor-page .et_pb_image img {
	display: block;
	max-width: 100%;
}

body.smart-portal-editor-page .et_pb_image img {
	width: auto;
	margin: 0 auto;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 14px;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.25);
}
body.smart-portal-editor-page .portal-edit-form select{
   color: #fff;
    font-weight: 700;
    padding: 10px 5px;
    border: 1px solid #fff;
    border-radius: 8px;
}
body.smart-portal-editor-page .et_pb_bg_layout_light span{
    background: #fff !important;
    color: #000;
    margin-bottom: 5px !important;
    display: inline-block;
}
body.smart-portal-editor-page #code{
    margin-bottom: 15px;
}

@media (max-width: 820px) {
	body.smart-portal-editor-page article,
	body.smart-portal-editor-page .entry-content > .et-l {
		width: 100%;
		padding-top: 34px;
	}

	body.smart-portal-editor-page .et_pb_text,
	body.smart-portal-editor-page .et_pb_code {
		padding: 20px;
	}

	body.smart-portal-editor-page form.portal-edit-form,
	body.smart-portal-editor-page .et_pb_code_inner form {
		grid-template-columns: 1fr;
	}

	body.smart-portal-editor-page input[type="submit"],
	body.smart-portal-editor-page input.medium {
		width: 100%;
	}
}