@charset "utf-8";
/* CSS Document for /subscribe page */

#container_main {width: 100%; padding:0;}
#container_content {height: 720px; background-image: url("/images/bg-subscription-coin-bars.png"); background-size: cover;display: flex; justify-content: center; align-items: center;}
#sign-up-form, #success {width: 327px; padding: 24px; background: #333; display: flex; flex-direction: column; gap: 40px;color:#fff; font-size: 16px;}
#sign-up-form h1 {font-size: 32px; color:#EBBC4E; font-weight: 700; letter-spacing: -1px;line-height: normal; margin-bottom: 16px; margin-top: 0;}
#sign-up-form p {margin-bottom: 16px;}
#sign-up-form .benefit-block  {display: flex; flex-direction: column; row-gap: 2px;}
#sign-up-form .benefit {display: flex; align-items: center; column-gap: 6px; row-gap: 2px; line-height: 24px; font-size: 14px; letter-spacing: 0.32px;}
#sign-up-form .benefit img {width: 16px; height: 16px;}
#sign-up-form input[type=text] {width: 100%;color: #fff;font-weight: 700;font-size: 16px; background: #555; padding: 12px; border: 2px solid #555;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
#sign-up-form input[type=text]:not(:last-of-type) {margin-bottom: 16px;}
#sign-up-form input[type=text]:focus {border: 2px solid #F0F2F3;outline: none;}
#sign-up-form input[type=text]::placeholder {
  color: #CBCBCD;
  font-weight: 700;
  opacity: 1; /* Firefox */
}
#sign-up-form input[type=text]::-ms-input-placeholder { /* Edge 12 -18 */
  color: #CBCBCD;
  font-weight: 700;
}
#sign-up-form .cta-btn {border:0;width: auto;display: flex; margin-bottom: 16px;height: 46px; padding: 2px 20px; justify-content: center;align-items: center;border-radius: 6px;background: #EBBC4E; color: #293343;font-size: 18px;font-weight: 700; letter-spacing: 0.2px;}
#sign-up-form .note {font-size: 12px;}
#sign-up-form a {color: #fff; text-decoration: underline;}
#sign-up-form a:hover {text-decoration: none;}
#success-block {display: none;}
#success {gap:16px; align-items: center; text-align: center;}
#success img {width: 60px; height: 60px;}
#success .h1 {font-size: 32px; color:#EBBC4E; font-weight: 700; letter-spacing: -1px;line-height: normal; margin:0;}
#sign-up-form .grecaptcha-badge {z-index: 100000;}

@media (min-width: 768px){
	#container_content {height: 795px;}
	#sign-up-form, #success {width: 465px; padding: 40px;}
	#sign-up-form h1, #success .h1  {font-size: 40px;}
}