.sfmc-input{width:220px}body{background:#f4f4f4;color:#434751;font-family:InterRegular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}.logo{font-size:19px;color:#fff;position:fixed;top:0;left:0;width:75px;height:75px;background:#222;text-align:center}.logo i{font-size:60px;display:inline-block;vertical-align:middle;margin-top:10px;line-height:1}.product-logo{font-size:20px;margin-bottom:30px;text-align:center}.product-logo img{width:80px;display:block;margin:0 auto 10px}.tile{display:flex;margin:5px 0;border-radius:5px}@media screen and (max-width: 500px){.tile{width:100%}}.tile .tile-content{display:flex;flex-direction:column;padding-left:33px}@media screen and (max-width: 500px){.tile .tile-content{padding:15px 0;padding-left:18px}}.tile .tile-content a{font-family:InterBold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;font-size:14px;line-height:16px;height:50px;color:#fff;background:#2f73da;border-radius:2px;border:none;outline:none;text-transform:uppercase;text-decoration:none;padding:0 20px;letter-spacing:1px;width:auto;text-align:center;display:flex;align-items:center;justify-content:center;transition:all 300ms cubic-bezier(0.475, 0.425, 0, 0.995)}.tile .tile-content a:hover{background:#165ecc}@media screen and (max-width: 500px){.tile .tile-content a{font-size:10px}}.tile .tile-content h3{font-style:normal;font-weight:normal;font-size:20px;line-height:24px;color:#7f7f7f;margin-bottom:15px}@media screen and (max-width: 500px){.tile .tile-content h3{margin-bottom:10px;font-size:21px}}@media screen and (max-width: 400px){.tile .tile-content h3{margin-bottom:10px;font-size:16px}}.tile .tile-content h3 span{font-family:InterRegular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif}.tile .tile-content .btn-icon{max-width:30px;margin-right:15px}@media screen and (max-width: 900px){.tile .tile-content .btn-icon{display:none}}.tile.documentation-tile{background-image:url("https://assets.mx.com/images/api-signup-page/documentation-bg.png");background-repeat:no-repeat;background-position:right;background-size:cover;color:#fff;margin-bottom:16px}.tile.documentation-tile .tile-content{padding:35px 0;padding-left:33px}@media screen and (max-width: 500px){.tile.documentation-tile .tile-content{padding-left:18px}}.tile.documentation-tile h3{font-size:24px;line-height:32px;color:#fff;margin-bottom:20px}.tile.documentation-tile a{max-width:178px}.tile.platform-tile{border:1px solid #d8d8d8;box-sizing:border-box;border-radius:5px;padding-top:16px}.tile.platform-tile .tile-content{padding-bottom:20px}@media screen and (max-width: 900px){.tile.platform-tile h3{max-width:200px}}.tile.platform-tile a{max-width:223px}@media screen and (max-width: 900px){.tile.platform-tile a{max-width:163px}}.tile.platform-tile .platform-img{align-self:flex-end}@media screen and (max-width: 900px){.tile.platform-tile .platform-img{max-width:210px}}@media screen and (max-width: 400px){.tile.platform-tile .platform-img{max-width:170px}}.login-form{max-width:300px;margin:150px auto 0}.login-form form{padding:25px 20px;background-color:#f4f4f4}.login-form form .field input{background-color:#fff;border-radius:3px;-webkit-border-radius:3px;border:1px solid #e6e6e6;box-shadow:none;box-sizing:border-box;color:#434751;font-family:'Lato';font-size:12px;line-height:1;margin-bottom:10px;outline:none;padding:10px;width:100%}.login-form form .field input:-webkit-autofill,.login-form form .field input:focus:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}.login-form form .field input:focus{border-color:#999}.login-form form .button{background:#359bcf;color:#fff;border:none;border-radius:3px;-webkit-border-radius:3px;text-align:center;width:100%;line-height:1;padding:12px 0;font-size:12px;font-weight:600;cursor:pointer;-webkit-appearance:none;margin-top:10px}.shared-links{text-align:center;padding:20px 0 0;border-top:1px solid #e5e5e5;margin:0 20px}.shared-links a{color:#359bcf;text-decoration:none}.shared-links a:hover{text-decoration:underline}#error_explanation,.alert{text-align:center;color:#ca4646;font-weight:600;text-transform:uppercase;margin:-25px 0 20px}#error_explanation h2,.alert h2{font-size:1em;text-transform:none}#error_explanation ul,.alert ul{margin:0;padding:0}#error_explanation ul li,.alert ul li{list-style-type:none}.client-portal{background-color:#fff;width:100%}.client-portal .page-hero{background-image:url("https://assets.mx.com/images/api-signup-page/signup-header-bg.png");background-repeat:no-repeat;background-size:cover;height:400px;width:100%}@media screen and (max-width: 900px){.client-portal .page-hero{height:350px}}@media screen and (max-width: 500px){.client-portal .page-hero{height:190px}}.client-portal h3{font-family:InterBold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif}.client-portal .container{max-width:1074px;margin:0 auto;display:flex;justify-content:space-between;padding:0 20px}@media screen and (max-width: 992px){.client-portal .container{flex-direction:column-reverse;align-items:center}}.client-portal .left-content{max-width:568px;margin-right:35px;margin-top:67px}@media screen and (max-width: 992px){.client-portal .left-content{margin:0;padding:0 20px;position:relative;top:-70px}}.client-portal .left-content hr{margin-top:40px}.client-portal .left-content .promo-img{margin:10px 0}.client-portal .left-content .info-section{display:flex;align-items:flex-start;margin-top:40px}@media screen and (max-width: 900px){.client-portal .left-content .info-section{flex-direction:column}}.client-portal .left-content .info-section img{max-width:43px;margin-right:10px}@media screen and (max-width: 900px){.client-portal .left-content .info-section img{margin-bottom:20px}}.client-portal .left-content .info-section .info-content{max-width:448px}.client-portal .left-content .info-section .info-content h3{font-weight:bold;font-size:24px;line-height:28px;color:#000000;max-width:300px;margin-bottom:15px}.client-portal .left-content .info-section .info-content ul{padding-left:20px;list-style:disc;font-size:16px;line-height:28px}.client-portal .left-content .info-section .info-content p{font-style:normal;font-weight:normal;font-size:16px;line-height:1.6;color:#000000}.client-portal header{height:72px;display:none}.client-portal header img{width:48px}.client-portal header .container{height:72px}.client-portal h1{font-size:32px;line-height:40px;margin-bottom:12px}.client-portal h3{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:12px}.client-portal h3 img{margin-top:4px;margin-right:16px}.client-portal footer{height:112px;display:flex;align-items:center;justify-content:center;background:#f8f9fb;margin-top:80px}.client-portal #error_explanation,.client-portal .alert{margin:0 0 -25px;position:relative;z-index:2;background:#fff;margin-bottom:10px !important}.client-portal form .g-recaptcha{left:40px !important}@media screen and (max-width: 576px){.client-portal header{padding-left:16px}.client-portal .container{padding:0;flex-wrap:wrap}.client-portal .content{max-width:100%;width:100%;margin:0;padding:16px 0 0 0;background:#fff;text-align:center}.client-portal .content :not(h1){display:none}.client-portal #error_explanation,.client-portal .alert{margin:0}.client-portal form{max-width:100%}.client-portal form .g-recaptcha{left:24px !important}.client-portal .right-content #react-form>div{padding-left:24px;padding-right:24px}}.right-content{max-width:471px !important;width:100%;position:relative;top:-106px;background:rgba(255,255,255,0.9);box-shadow:0px 4px 25px rgba(0,0,0,0.1);border-radius:24px}.right-content h1{font-style:normal;font-weight:300;font-size:36px;line-height:44px;text-align:center;letter-spacing:-0.015em;color:#28282a;margin:30px 0 40px 0}.right-content .kyper-icon{margin-right:0 !important}.right-content form{width:100% !important;max-width:100% !important;background:transparent !important}.right-content #react-form{width:100%;background:transparent !important}.right-content #react-form>div{width:100% !important;max-width:100% !important;box-shadow:none !important;background:transparent !important;padding-left:40px;padding-right:40px}.right-content #react-form input{background:#ffffff;border:1px solid #e8e8e8}