html,
body.signup {
	min-height: 100%;
}

body.signup {
	background:
		radial-gradient(circle at 18% 12%, rgba(255, 219, 137, 0.22) 0 1px, transparent 2px),
		radial-gradient(circle at 78% 24%, rgba(255, 226, 153, 0.18) 0 1px, transparent 2px),
		radial-gradient(circle at 42% 72%, rgba(255, 226, 153, 0.14) 0 1px, transparent 2px),
		radial-gradient(circle at 50% 10%, rgba(160, 16, 36, 0.78), transparent 58%),
		linear-gradient(135deg, rgba(72, 5, 18, 0.95), rgba(120, 10, 30, 0.96) 48%, rgba(54, 4, 16, 0.98));
	background-color: #5c0718;
	color: #f8ecd4;
	font-family: "Helvetica Neue", Arial, sans-serif;
	letter-spacing: 0.01em;
}

body.signup::before,
body.signup::after {
	content: "";
	pointer-events: none;
	position: fixed;
	z-index: 0;
}

body.signup::before {
	background:
		radial-gradient(circle, rgba(255, 227, 160, 0.3) 0 1px, transparent 2px) 0 0 / 86px 86px,
		radial-gradient(circle, rgba(255, 227, 160, 0.18) 0 1px, transparent 2px) 38px 44px / 132px 132px;
	inset: 0;
	opacity: 0.9;
}

body.signup::after {
	background: radial-gradient(ellipse at center, transparent 35%, rgba(20, 0, 7, 0.58) 100%);
	inset: 0;
}

body.signup #container {
	max-width: 940px;
	padding: 30px 20px 96px;
	position: relative;
	z-index: 1;
}

body.signup #content {
	background:
		linear-gradient(rgba(85, 6, 22, 0.88), rgba(85, 6, 22, 0.88)),
		radial-gradient(circle at top, rgba(255, 219, 137, 0.18), transparent 50%);
	border: 1px solid rgba(235, 191, 93, 0.75);
	box-shadow: 0 22px 70px rgba(14, 0, 5, 0.5), inset 0 0 0 6px rgba(255, 231, 170, 0.06);
	margin: 0 auto;
	max-width: 860px;
	min-height: 540px;
	overflow: hidden;
	padding: 36px 54px 46px;
	position: relative;
	text-align: center;
}

body.signup #content::before,
body.signup #content::after {
	content: "";
	height: 78px;
	pointer-events: none;
	position: absolute;
	width: 78px;
}

body.signup #content::before {
	border-left: 2px solid rgba(239, 197, 105, 0.78);
	border-top: 2px solid rgba(239, 197, 105, 0.78);
	left: 20px;
	top: 20px;
}

body.signup #content::after {
	border-bottom: 2px solid rgba(239, 197, 105, 0.78);
	border-right: 2px solid rgba(239, 197, 105, 0.78);
	bottom: 20px;
	right: 20px;
}

.alm-header {
	margin-bottom: 34px;
	position: relative;
}

.alm-header-inner {
	margin: 0 auto;
	max-width: 710px;
}

.alm-logo-wrap {
	margin: 0 auto 16px;
	position: relative;
	width: 142px;
}

.alm-logo-wrap::before {
	background: rgba(255, 236, 185, 0.9);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(230, 179, 70, 0.55), 0 10px 30px rgba(18, 0, 6, 0.34);
	content: "";
	inset: 8px;
	position: absolute;
	z-index: -1;
}

.alm-logo {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 142px;
	width: 100%;
}

.alm-eyebrow,
.alm-subline {
	color: #f3d185;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 19px;
	font-style: italic;
	letter-spacing: 0.11em;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.alm-subline {
	font-size: 14px;
	letter-spacing: 0.16em;
	margin-top: 14px;
}

.alm-divider {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: center;
	margin: 0 auto 18px;
	max-width: 430px;
}

.alm-divider::before,
.alm-divider::after {
	background: linear-gradient(90deg, transparent, rgba(241, 201, 111, 0.94), transparent);
	content: "";
	height: 1px;
	width: 45%;
}

.alm-divider::after {
	background: linear-gradient(90deg, transparent, rgba(241, 201, 111, 0.94), transparent);
}

.alm-divider-bottom {
	margin-bottom: 0;
	margin-top: 16px;
}

.alm-header h1 {
	color: #fff7df;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.08;
	margin: 0;
	text-shadow: 0 2px 0 rgba(87, 14, 16, 0.75), 0 0 22px rgba(255, 207, 112, 0.18);
	text-transform: uppercase;
}

.alm-header h1 small {
	color: #eec874;
	display: block;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 33%;
	font-weight: 700;
	letter-spacing: 0.11em;
	line-height: 1.35;
	margin-top: 13px;
	text-shadow: none;
	text-transform: uppercase;
}

.alm-language-chooser {
	margin-bottom: 12px;
}

body.signup .signup.form {
	background: rgba(255, 247, 224, 0.94);
	border: 1px solid rgba(238, 195, 99, 0.7);
	box-shadow: 0 10px 28px rgba(29, 0, 8, 0.28);
	color: #3d1e10;
	margin: 0 auto;
	max-width: 680px;
	padding: 32px 28px 24px;
	position: relative;
	text-align: left;
}

body.signup .signup.form h4,
body.signup .signup.form .h4 {
	color: #5d0a18;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin-bottom: 10px;
	text-align: center;
}

body.signup .signup.form fieldset {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

body.signup .signup.form .top30 {
	margin-top: 20px;
}

body.signup .signup.form .bottom30 {
	margin-bottom: 20px;
}

body.signup .form-control,
body.signup .superscriptEditor .cke_chrome,
body.signup #addressPreview,
body.signup .address-preview,
body.signup #addressPreviewPopup,
body.signup .address-preview-popup,
body.signup .select2-container,
body.signup .select2-container--bootstrap .select2-selection {
	border-color: #c99230;
	border-radius: 0;
	box-shadow: inset 0 1px 2px rgba(93, 10, 24, 0.12);
}

body.signup label,
body.signup .control-label,
body.signup .help-block {
	color: #4b2412;
}

body.signup .btn,
body.signup .btn.active,
body.signup .panel,
body.signup .panel-heading,
body.signup .well,
body.signup .alert {
	border-radius: 0;
}

body.signup .btn-success,
body.signup .btn-primary,
body.signup #wizard-proceed {
	background: linear-gradient(#edcd75, #bd7f24);
	border: 1px solid #f6df98;
	box-shadow: 0 4px 0 #74310d, 0 10px 22px rgba(77, 11, 17, 0.2);
	color: #3a1608;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 800;
	letter-spacing: 0.07em;
	padding-left: 28px;
	padding-right: 28px;
	text-transform: uppercase;
}

body.signup .btn-success:hover,
body.signup .btn-success:focus,
body.signup .btn-primary:hover,
body.signup .btn-primary:focus,
body.signup #wizard-proceed:hover,
body.signup #wizard-proceed:focus {
	background: linear-gradient(#f5dc91, #cf9637);
	border-color: #fff0b9;
	color: #2b1005;
}

body.signup .row .h5,
body.signup .row h5,
body.signup .signup.form + .row .h5,
body.signup .signup.form + .row {
	color: #f2d08a;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-top: 22px;
	text-shadow: 0 1px 2px rgba(20, 0, 5, 0.75);
}

body.signup .signup.form > .row > .h5,
body.signup .signup.form > .row > .h5 a,
body.signup .signup.form form > .row > .h5,
body.signup .signup.form form > .row > .h5 a {
	color: #5d0a18;
	text-shadow: none;
}

body.signup .signup.form > .row,
body.signup .signup.form > .row .h5,
body.signup .signup.form > .row h5,
body.signup .signup.form form > .row,
body.signup .signup.form form > .row .h5,
body.signup .signup.form form > .row h5 {
	color: #5d0a18;
	margin-bottom: 0;
	margin-top: 10px;
	text-shadow: none;
}

body.signup .panel,
body.signup .well,
body.signup .table {
	color: #3d1e10;
}

body.signup .panel-primary {
	border-color: #d8a94a;
}

body.signup .panel-primary > .panel-heading {
	background: linear-gradient(#7d0d24, #5d0718);
	border-color: #d8a94a;
	color: #fff7df;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	letter-spacing: 0.03em;
}

body.signup .panel h1,
body.signup .panel h2,
body.signup .panel h3,
body.signup .panel h4,
body.signup .panel h5,
body.signup .well h1,
body.signup .well h2,
body.signup .well h3,
body.signup .well h4,
body.signup .well h5 {
	color: #5d0a18;
}

body.signup .panel h1 small,
body.signup .panel h2 small,
body.signup .panel h3 small,
body.signup .panel h4 small,
body.signup .panel h5 small,
body.signup .well h1 small,
body.signup .well h2 small,
body.signup .well h3 small,
body.signup .well h4 small,
body.signup .well h5 small {
	color: #7a3b19;
}

body.signup .table > thead > tr > th,
body.signup .table > tbody > tr > th,
body.signup .table > tfoot > tr > th,
body.signup .table > thead > tr > td,
body.signup .table > tbody > tr > td,
body.signup .table > tfoot > tr > td {
	border-color: rgba(93, 10, 24, 0.18);
}

body.signup .table > thead > tr > th,
body.signup .table > tbody > tr.info > th,
body.signup .table > tbody > tr.info > td {
	background-color: #f4e2ad;
	color: #3d1e10;
}

body.signup #product-listing-total-popup {
	background: linear-gradient(#fff7df, #f0d384) !important;
	border: 1px solid #8a4a12;
	box-shadow: 0 8px 24px rgba(20, 0, 5, 0.36);
	color: #3a1608;
	min-width: 84px;
	padding: 8px 10px;
	right: 14px !important;
	text-align: center;
}

body.signup #product-listing-total-popup .total-label,
body.signup #product-listing-total-popup .total-currency,
body.signup #product-listing-total-popup .total-amount {
	color: inherit;
	text-shadow: none;
}

body.signup #product-listing-total-popup .total-label {
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

body.signup #product-listing-total-popup .total-amount {
	font-size: 18px;
	font-weight: 800;
}

body.signup .footer-info {
	background-color: rgba(36, 0, 10, 0.7);
	background-image: none !important;
	border-top: 1px solid rgba(235, 191, 93, 0.45) !important;
	position: relative;
	z-index: 1;
}

body.signup .footer-info,
body.signup .footer-info a {
	color: #f3d185;
}

body.signup .footer-info .footer-inner,
body.signup .footer-info .footer-content {
	background: transparent;
}

@media (min-width: 768px) {
	body.signup .signup.form > .row.bottom7.top15,
	body.signup .signup.form form > .row.bottom7.top15 {
		align-items: center;
		display: flex;
		gap: 14px;
		margin-left: 0;
		margin-right: 0;
	}

	body.signup .signup.form > .row.bottom7.top15::before,
	body.signup .signup.form > .row.bottom7.top15::after,
	body.signup .signup.form form > .row.bottom7.top15::before,
	body.signup .signup.form form > .row.bottom7.top15::after {
		display: none;
	}

	body.signup .signup.form > .row.bottom7.top15 > [class*="col-"],
	body.signup .signup.form form > .row.bottom7.top15 > [class*="col-"] {
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: auto;
	}

	body.signup .signup.form > .row.bottom7.top15 > .col-xs-6:not(.pull-right),
	body.signup .signup.form form > .row.bottom7.top15 > .col-xs-6:not(.pull-right) {
		order: 1;
	}

	body.signup .signup.form > .row.bottom7.top15 > .col-xs-12,
	body.signup .signup.form form > .row.bottom7.top15 > .col-xs-12 {
		flex: 1 1 180px;
		min-width: 0;
		order: 2;
	}

	body.signup .signup.form > .row.bottom7.top15 > .pull-right,
	body.signup .signup.form form > .row.bottom7.top15 > .pull-right {
		margin-left: auto;
		order: 3;
	}

	body.signup .signup.form > .row.bottom7.top15 .btn,
	body.signup .signup.form form > .row.bottom7.top15 .btn {
		max-width: 100%;
		padding-left: 16px;
		padding-right: 16px;
		white-space: normal;
	}
}

@media (max-width: 767px) {
	body.signup #container {
		padding: 14px 10px 76px;
	}

	body.signup #content {
		padding: 28px 20px 34px;
	}

	body.signup #content::before,
	body.signup #content::after {
		height: 52px;
		width: 52px;
	}

	.alm-logo-wrap {
		width: 112px;
	}

	.alm-logo {
		max-width: 112px;
	}

	.alm-eyebrow {
		font-size: 15px;
	}

	.alm-header h1 {
		font-size: 32px;
	}

	.alm-header h1 small {
		font-size: 38%;
	}

	body.signup .signup.form {
		padding: 20px 15px 12px;
	}

	body.signup .signup.form h4,
	body.signup .signup.form .h4 {
		font-size: 19px;
	}

	body.signup .btn-success,
	body.signup .btn-primary,
	body.signup #wizard-proceed {
		font-size: 15px;
		letter-spacing: 0.04em;
		white-space: normal;
	}
}