.container-layout{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:3.75rem}.container-layout .metlife-logo{display:block;margin:0 auto}.background-layout{width:100%;height:444px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#003356 0%,#0077b9 100%);background-size:cover;background-position:center;z-index:-1}.content-container{width:500px;max-width:100%;text-align:left;padding:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem;background:var(--white-ffffff, #fff);box-shadow:0 2px 8px #00000029}.content-container.large{width:1210px;text-align:center}.form-wrapper-content{display:flex;flex-direction:column;gap:1.875rem;margin-bottom:3.125rem}.intro-details-container{display:flex;flex-wrap:wrap;gap:1.875rem}.acceptance-details .contract-terms{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.875rem;margin-bottom:3.125rem}.acceptance-details .term .mldc-checkbox{align-items:flex-start;gap:1.75rem}.payment-details-container{margin-top:1.5rem}.payment-details-content{display:flex;flex-direction:column;gap:1rem}.divider{margin:24px 0;border-top:2px solid var(--Brand-Neutrals-Gray-Light, #d9d9d6)}.button-group{margin-top:3.125rem;display:flex;gap:1rem;align-items:center}.button-group .icon-button{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#5dbbde;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.button-group .icon-button:hover{background-color:#4ba9cc}.button-group .icon-button svg{color:#003e5c;width:1.5rem;height:1.5rem}.button-group-payment{margin-top:2.25rem}.form-wrapper{margin-top:1.875rem}.form-fields{width:356px;max-width:100%;margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.form-fields .mldc-input-text-container{width:100%}.form-fields .form-row{display:flex;gap:1rem;width:100%;max-width:356px}.form-fields .form-row>div:first-child{width:246px;max-width:246px;flex-shrink:0}.form-fields .form-row>div:last-child{width:94px;max-width:94px;flex-shrink:0}.bank-flags{margin-top:1.875rem}.bank-flags .list-bank-flags{display:flex;flex-wrap:wrap;gap:.625rem 1.25rem;padding:0;list-style:none;align-items:center;margin-top:1.25rem}.bank-flags .list-bank-flags li,.bank-flags .list-bank-flags li img{display:block}.joint-account-wrapper .mldc-radio-group-container legend{font-family:Noto Sans,sans-serif;font-size:var(--body-b3, 14px);font-style:normal;font-weight:400;line-height:var(--body-lh-3, 21px)}.joint-account-wrapper .mldc-radio-group-container ul{padding:0;gap:2.25rem;display:flex}.joint-account-wrapper .mldc-radio-group-container ul li{margin-top:0!important}.download-proposal-action{margin-top:1.875rem;margin-bottom:4rem}.send-token-content{display:flex;gap:1.875rem;flex-wrap:wrap;margin-top:1.875rem}.send-token-content .mldc-radio-group-container ul{padding:0;display:flex;flex-wrap:wrap;gap:1.875rem}.send-token-content .mldc-radio-group-container ul li{margin-top:0!important}.confirm-token-info{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}.pin-input-container{display:flex;gap:.313rem;justify-content:flex-start;margin-top:1.25rem;margin-bottom:1.25rem}.pin-input{width:40px;height:56px;background:#ffffff;border:2px solid var(--dividers-fill-med-gray, #A7A8AA);box-sizing:border-box;border-radius:4px;text-align:center;font-size:22px;font-weight:700;font-family:var(--header-Family, "Circular Pro Medium");color:#000;text-transform:uppercase}.resend-code-button{background:none;border:none;color:var(--brand-primary-blue, #0077b9);font-family:Noto Sans,sans-serif;font-size:var(--body-b2-base, 16px);font-weight:700;font-style:normal;line-height:var(--body-lh-2, 24px);padding:0;cursor:pointer}.resend-code-button:disabled{color:var(--Brand-Neutrals-Gray-Med, #6a6a6a);cursor:not-allowed}.wrapper-icon-success{padding:2rem 0;display:flex;justify-content:center}.mldc-radio-group-container .mldc-radio label{white-space:pre-line}.head1{font-family:var(--header-Family, "Circular Pro Bold");font-size:var(--header-h6, 24px);font-style:normal;font-weight:var(--header-weight-medium, 500);line-height:var(--header-lh-6, 36px)}.body1{font-family:Noto Sans,sans-serif;font-size:var(--body-b1, 18px);font-style:normal;line-height:var(--body-lh-1, 27px)}.body2{font-family:Noto Sans,sans-serif;font-size:var(--body-b2-base, 16px);font-style:normal;line-height:var(--body-lh-2, 24px)}.body3{font-family:Noto Sans,sans-serif;font-size:var(--body-b3, 14px);font-style:normal;font-weight:400;line-height:var(--body-lh-3, 21px)}.font-bold{font-weight:600}@media (max-width: 768px){.container-layout{padding:1rem;align-items:center}.content-container{width:100%;padding:1.5rem 1rem;margin-top:2rem;box-sizing:border-box}.content-container.large{width:100%;padding:1.5rem 1rem}.form-wrapper-content{gap:1.25rem;margin-bottom:2rem}.form-fields{width:100%;margin-top:1rem}.form-fields .form-row{flex-direction:column;max-width:100%}.form-fields .form-row>div:first-child,.form-fields .form-row>div:last-child{width:100%;max-width:100%}.button-group{flex-direction:column;width:100%;margin-top:2rem}.button-group button,.button-group .mldc-button{width:100%}.head1{font-size:20px;line-height:28px}.body1{font-size:16px;line-height:24px}.body2{font-size:14px;line-height:21px}.intro-details-container{gap:1.25rem}.acceptance-details .contract-terms{gap:1rem;margin-top:1.25rem;margin-bottom:2rem}.pin-input-container{gap:.25rem;flex-wrap:wrap;justify-content:center}.pin-input{width:36px;height:48px;font-size:18px}.bank-flags .list-bank-flags{gap:.5rem 1rem;justify-content:center}.joint-account-wrapper .mldc-radio-group-container ul{flex-direction:column;gap:1rem}.send-token-content{gap:1.25rem;margin-top:1.25rem}.confirm-token-info{gap:1.25rem}.download-proposal-action{margin-top:1.25rem;margin-bottom:2rem}}@media (max-width: 480px){.container-layout{padding:.5rem}.content-container{padding:1rem .75rem;margin-top:1rem}.background-layout{height:300px}.pin-input{width:32px;height:44px;font-size:16px}}