/* Approved public login and registration design. Scoped to these two pages. */
body .public-auth-redesign{isolation: isolate; position: relative; width: min(1200px, 100% - 64px); margin: 48px auto 60px; display: grid; grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr); gap: 42px; align-items: center; font-family: Manrope, sans-serif; color: rgb(20, 43, 83);}
body .public-auth-redesign *{box-sizing: border-box;}
.public-auth-redesign::before{content: ""; position: absolute; z-index: -1; width: 1150px; height: 490px; border: 64px solid rgba(231, 240, 255, 0.44); transform: rotate(-27deg); border-radius: 50%; top: 150px; left: -200px; pointer-events: none;}
.public-auth-redesign::after{content: ""; position: absolute; z-index: -2; inset: -60px -12vw -40px; background: radial-gradient(at 60% 40%, rgba(220, 234, 255, 0.565), transparent 64%); pointer-events: none;}
.public-auth-redesign svg{width: 22px; height: 22px; flex-shrink: 0;}
.public-auth-redesign .login-hero{position: relative; min-height: 660px; display: flex; flex-direction: column; justify-content: center; padding: 12px 0px;}
.public-auth-redesign .hero-copy{position: relative; z-index: 2;}
.public-auth-redesign .login-hero h1{font: 800 clamp(42px, 4.25vw, 59px) / 1.06 Manrope, sans-serif; letter-spacing: -2.6px; margin: 26px 0px 20px; color: rgb(17, 36, 77);}
.public-auth-redesign .login-hero h1 span{color: rgb(43, 114, 237); background: linear-gradient(110deg, rgb(36, 120, 255), rgb(55, 103, 204)) text; -webkit-text-fill-color: transparent;}
.public-auth-redesign .hero-description{font-size: 16px; line-height: 1.65; color: rgb(106, 133, 172); margin: 0px; max-width: 530px;}
.public-auth-redesign .login-benefits{list-style: none; padding: 0px; margin: 34px 0px 0px; display: grid; gap: 23px; width: 320px;}
.public-auth-redesign .login-benefits li{display: flex; gap: 14px; align-items: center;}
.public-auth-redesign .benefit-icon{width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(229, 239, 255)); box-shadow: rgb(237, 243, 255) 0px 0px 0px 1px inset, rgba(104, 150, 207, 0.035) 0px 5px 12px; color: rgb(70, 130, 223);}
.public-auth-redesign .benefit-icon svg{width: 24px; height: 24px; filter: drop-shadow(rgba(69, 128, 207, 0.08) 0px 2px 1px);}
.public-auth-redesign .login-benefits strong{display: block; font-size: 14px; font-weight: 800; letter-spacing: -0.25px;}
.public-auth-redesign .login-benefits small{display: block; font-size: 12px; color: rgb(128, 150, 182); margin-top: 4px; line-height: 1.5;}
.public-auth-redesign .hero-footnote{display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; gap: 0px; margin-top: 36px; border: 1px solid rgb(255, 255, 255); border-radius: 20px; background: rgba(255, 255, 255, 0.42); padding: 17px 8px; box-shadow: rgba(73, 119, 181, 0.024) 0px 8px 25px; backdrop-filter: blur(8px);}
.public-auth-redesign .hero-footnote > span{display: grid; justify-items: center; text-align: center; gap: 5px;}
.public-auth-redesign .hero-footnote > span + span{border-left: 1px solid rgb(219, 231, 250);}
.public-auth-redesign .hero-footnote svg{width: 21px; height: 21px; color: rgb(107, 152, 215); margin-bottom: 3px;}
.public-auth-redesign .hero-footnote b{font-size: 11px; color: rgb(66, 101, 143); font-weight: 700;}
.public-auth-redesign .hero-footnote small{font-size: 9px; color: rgb(138, 160, 189);}
.public-auth-redesign .pass-topline{display: flex; align-items: center; justify-content: center; gap: 7px; margin-bottom: 15px;}
.public-auth-redesign .pass-topline b{font-size: 5px; letter-spacing: 1px; color: rgb(148, 170, 202);}
.public-auth-redesign .pass-topline span{height: 1px; width: 15px; background: rgb(210, 226, 246);}
.public-auth-redesign .login-panel{position: relative; padding: 34px 32px 28px; border: 1px solid rgb(227, 236, 251); border-radius: 28px; background: linear-gradient(145deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.93)); box-shadow: rgba(56, 109, 184, 0.08) 0px 24px 65px, rgba(59, 110, 167, 0.016) 0px 2px 5px; z-index: 3;}
.public-auth-redesign .login-panel h2{font: 800 28px / 1.22 Manrope, sans-serif; letter-spacing: -1.05px; margin: 0px; color: rgb(20, 43, 83);}
.public-auth-redesign .login-subtitle{font-size: 13px; color: rgb(133, 154, 184); margin: 10px 0px 33px; line-height: 1.6;}
.public-auth-redesign .login-panel label{display: block; font-size: 13px; font-weight: 700; color: rgb(52, 82, 120);}
.public-auth-redesign .email-input,.public-auth-redesign  .password-input{display: flex; align-items: center; border: 1px solid rgb(217, 229, 247); border-radius: 13px; overflow: hidden; background: rgb(252, 253, 255); margin-top: 10px; height: 54px; transition: box-shadow 0.15s, border-color 0.15s;}
.public-auth-redesign  .password-input > svg{margin-left: 14px; width: 18px; height: 18px; color: rgb(145, 168, 201);}
.public-auth-redesign .login-panel input:not([type="checkbox"]),.public-auth-redesign  .login-panel select{border: 0px; background: none; min-width: 0px; box-shadow: none; outline: none; font: 400 13px Manrope, sans-serif; color: rgb(57, 90, 134); padding: 12px; width: 100%; height: 100%;}
.public-auth-redesign .login-panel input::placeholder{color: rgb(156, 176, 204);}
.public-auth-redesign .email-input input{flex: 1 1 0%;}
.public-auth-redesign .login-panel select{width: 153px; border-left: 1px solid rgb(226, 234, 250); background: rgb(245, 249, 255); font-size: 12px; font-weight: 600; padding-left: 10px;}
.public-auth-redesign .password-label{display: flex; justify-content: space-between; align-items: center; margin-top: 24px;}
.public-auth-redesign .password-input button{display: grid; place-items: center; height: 100%; background: none; border: 0px; padding: 0px 14px; color: rgb(137, 162, 199); cursor: pointer;}
.public-auth-redesign .password-input button svg{width: 19px; height: 19px;}
.public-auth-redesign .login-panel .remember{display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 400; color: rgb(121, 145, 176); margin: 20px 0px 25px;}
.public-auth-redesign .remember input{accent-color: rgb(57, 121, 226); margin: 0px; width: 16px; height: 16px;}
.public-auth-redesign .login-panel .login-submit{display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 52px; border: 1px solid rgb(73, 133, 237); border-radius: 13px; color: white; background: linear-gradient(115deg, rgb(65, 138, 251), rgb(46, 99, 206)); box-shadow: rgba(51, 115, 207, 0.137) 0px 8px 19px, rgba(255, 255, 255, 0.19) 0px 1px 0px inset; font: 700 14px Manrope, sans-serif; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s;}
.public-auth-redesign .login-submit > span{position: absolute; right: 17px; display: flex;}
.public-auth-redesign .login-submit svg{width: 20px; height: 20px;}
.public-auth-redesign .login-submit:hover{transform: translateY(-1px); box-shadow: rgba(51, 115, 207, 0.165) 0px 11px 21px;}
.public-auth-redesign .signup-row{display: flex; justify-content: center; align-items: center; gap: 7px; border-top: 1px solid rgb(229, 237, 249); margin-top: 28px; padding-top: 24px; font-size: 12px; color: rgb(128, 150, 181); line-height: 1.5;}
.public-auth-redesign .signup-row a{display: flex; align-items: center; gap: 6px; color: rgb(59, 118, 207); text-decoration: none; font-weight: 700;}
.public-auth-redesign .signup-row svg{width: 14px; height: 14px;}
.public-auth-redesign .verify-link{display: block; text-align: center; font-size: 11px; color: rgb(139, 158, 183); margin-top: 16px; text-decoration: none;}
.public-auth-redesign .verify-link:hover{color: rgb(56, 107, 192);}
.public-auth-redesign .email-input:focus-within,.public-auth-redesign  .password-input:focus-within{border-color: rgb(150, 185, 240); box-shadow: rgb(237, 244, 255) 0px 0px 0px 3px;}
@media (prefers-reduced-motion: reduce){
.public-auth-redesign .login-submit{transition: none;}}
@media (max-width: 1200px){body .public-auth-redesign{gap: 30px; grid-template-columns: 1.15fr 1fr;}
.public-auth-redesign .login-hero h1{font-size: 50px;}
.public-auth-redesign .login-benefits{width: 285px;}
.public-auth-redesign .login-benefits strong{font-size: 12px;}
.public-auth-redesign .login-benefits small{font-size: 10px;}
.public-auth-redesign .benefit-icon{width: 39px; height: 39px; flex-basis: 39px;}
.public-auth-redesign .login-panel{padding: 30px 25px;}
.public-auth-redesign .login-panel h2{font-size: 25px;}
.public-auth-redesign .login-panel select{width: 140px;}}
@media (max-width: 1000px){
.public-auth-redesign .login-hero{min-height: 600px;}
.public-auth-redesign .login-hero h1{font-size: 44px;}
.public-auth-redesign .hero-description{font-size: 14px;}
.public-auth-redesign .hero-description br{display: none;}
.public-auth-redesign .login-benefits{width: auto;}
.public-auth-redesign .login-benefits strong{font-size: 13px;}
.public-auth-redesign .login-benefits small{font-size: 11px;}
.public-auth-redesign .hero-footnote{padding: 15px 5px;}
.public-auth-redesign .hero-footnote small{display: none;}
.public-auth-redesign .hero-footnote b{font-size: 9px;}
.public-auth-redesign .login-panel h2{font-size: 23px;}
.public-auth-redesign .login-panel select{width: 133px;}
.public-auth-redesign .signup-row{flex-wrap: wrap; font-size: 11px;}}
@media (max-width: 760px){body .public-auth-redesign{width: calc(100% - 32px); margin: 29px auto 44px; grid-template-columns: 1fr; gap: 25px;}
.public-auth-redesign::before{width: 750px; height: 370px; top: 0px; left: -220px; border-width: 45px;}
.public-auth-redesign::after{inset: -40px -16px 0px;}
.public-auth-redesign .login-hero{min-height: 0px; padding: 0px 10px;}
.public-auth-redesign .login-hero h1{font-size: 42px; letter-spacing: -1.9px; margin: 19px 0px 15px;}
.public-auth-redesign .hero-description{font-size: 14px; line-height: 1.7; max-width: 330px;}
.public-auth-redesign .login-benefits,.public-auth-redesign  .hero-footnote{display: none;}
.public-auth-redesign .login-panel{padding: 25px 22px; border-radius: 24px;}
.public-auth-redesign .login-panel h2{font-size: 25px;}
.public-auth-redesign .login-subtitle{margin-bottom: 27px; font-size: 12px;}
.public-auth-redesign .login-panel select{width: 143px;}
.public-auth-redesign .login-panel .remember{font-size: 11px;}
.public-auth-redesign .signup-row{font-size: 11px;}
.public-auth-redesign .login-panel input:not([type="checkbox"]){font-size: 12px; padding-left: 9px;}
.public-auth-redesign .login-panel select{font-size: 11px;}
.public-auth-redesign .verify-link{font-size: 10px;}}
@media (max-width: 360px){.public-auth-redesign .login-hero h1{font-size: 36px;}
.public-auth-redesign .login-panel{padding: 23px 17px;}
.public-auth-redesign .login-panel h2{font-size: 23px;}
.public-auth-redesign .login-panel select{width: 135px;}
}
.public-auth-redesign .login-subtitle{font-size: 14px;}
.public-auth-redesign .login-panel input:not([type="checkbox"]){font-size: 14px;}
.public-auth-redesign .login-panel .remember{font-size: 13px;}
.public-auth-redesign .hero-footnote b{font-size: 12px;}
.public-auth-redesign .hero-footnote small{font-size: 10px;}
@media (max-width: 1200px) and (min-width: 761px){
.public-auth-redesign .login-benefits strong{font-size: 14px;}
.public-auth-redesign .login-benefits small{font-size: 12px;}
.public-auth-redesign .login-hero{min-height: 620px;}}
@media (max-width: 760px){.public-auth-redesign::before{width: 100%; left: 0px; top: 15px; height: 430px; transform: rotate(-20deg); border-width: 30px;}
.public-auth-redesign .login-panel input:not([type="checkbox"]){font-size: 16px;}
.public-auth-redesign .login-panel select{font-size: 12px; width: 145px; flex-shrink: 0;}
.public-auth-redesign .login-subtitle{font-size: 13px;}
.public-auth-redesign .hero-description{max-width: 340px;}
}
@media (max-width: 360px){.public-auth-redesign .login-panel select{width: 130px; font-size: 11px;}
.public-auth-redesign .login-panel input:not([type="checkbox"]){padding-left: 10px;}}
.public-auth-redesign::before{inset: 0px; width: 100%; height: 100%; border: 0px; transform: none; border-radius: 0px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700'%3E%3Cellipse cx='515' cy='380' rx='620' ry='205' transform='rotate(-25 515 380)' fill='none' stroke='%23e7f0ff' stroke-opacity='.55' stroke-width='60'/%3E%3C/svg%3E") center center / cover no-repeat;}
.public-auth-redesign::after{inset: 0px;}
@media (max-width: 760px){.public-auth-redesign::before{background-size: auto 650px; background-position: 50% 0px;}}
.public-auth-redesign::before{background: radial-gradient(at 45% 58%, rgba(230, 239, 255, 0.565), transparent 68%);}
@media (min-width: 761px) and (max-width: 1000px){.public-auth-redesign .login-panel select{width: 150px; flex-shrink: 0; font-size: 11px;}}
@media (max-width: 760px){.public-auth-redesign .login-hero h1{margin-top: 4px;}}
.public-auth-redesign .benefit-icon{width: 48px; height: 48px; flex-basis: 48px; border-radius: 15px; background: linear-gradient(145deg, rgb(246, 250, 255), rgb(232, 241, 255)); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset;}
.public-auth-redesign .benefit-icon .dimensional-icon{width: 34px; height: 34px; filter: drop-shadow(rgba(40, 102, 189, 0.145) 0px 3px 2px);}
.public-auth-redesign .hero-footnote .dimensional-icon{width: 29px; height: 29px; margin-bottom: 4px; filter: drop-shadow(rgba(40, 102, 189, 0.133) 0px 3px 2px);}
@media (min-width: 761px) and (max-width: 1000px){.public-auth-redesign .benefit-icon{width: 44px; height: 44px; flex-basis: 44px;}
.public-auth-redesign .benefit-icon .dimensional-icon{width: 31px; height: 31px;}}
.public-auth-redesign .email-input{display: grid; grid-template-columns: minmax(0px, 1fr) 153px; gap: 10px; border: 0px; background: transparent; overflow: visible; border-radius: 0px;}
.public-auth-redesign .email-input:focus-within{border: 0px; box-shadow: none;}
.public-auth-redesign .email-name{display: flex; align-items: center; min-width: 0px; height: 54px; border: 1px solid rgb(217, 229, 247); border-radius: 13px; background: rgb(252, 253, 255); overflow: hidden;}
.public-auth-redesign .email-name > svg{width: 18px; height: 18px; margin-left: 14px; color: rgb(145, 168, 201);}
.public-auth-redesign .email-name:focus-within{border-color: rgb(150, 185, 240); box-shadow: rgb(237, 244, 255) 0px 0px 0px 3px;}
.public-auth-redesign .login-panel .email-input select{width: 100%; height: 54px; border: 1px solid rgb(217, 229, 247); border-radius: 13px; background: rgb(252, 253, 255); padding: 0px 10px;}
.public-auth-redesign .login-panel .email-input select:focus-visible{outline: rgb(150, 185, 240) solid 2px; outline-offset: 2px;}
@media (max-width: 1000px){.public-auth-redesign .email-input{grid-template-columns: minmax(0px, 1fr) 145px;}
.public-auth-redesign .email-name > svg{display:block;flex-shrink:0;width:16px;height:16px;margin-left:10px;}}
@media (max-width: 360px){.public-auth-redesign .email-input{grid-template-columns: minmax(0px, 1fr) 130px; gap: 8px;}}
.public-auth-redesign .password-options{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 20px 0px 25px;}
.public-auth-redesign .login-panel .password-options .remember{margin: 0px;}
.public-auth-redesign .password-options > a{font-size: 11px; color: rgb(95, 133, 189); text-decoration: none; white-space: nowrap;}
.public-auth-redesign .password-options > a:hover{color: rgb(56, 107, 192);}
@media (max-width: 360px){.public-auth-redesign .password-options{gap: 6px;}
.public-auth-redesign .login-panel .password-options .remember{font-size: 11px; gap: 6px;}
.public-auth-redesign .password-options > a{font-size: 10px;}}
.public-auth-redesign .login-panel .email-input select{appearance: none; padding-right: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235f85bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; background-size: 14px 14px;}
.public-auth-redesign .domain-picker{position: relative; min-width: 0px; height: 54px;}
.public-auth-redesign .domain-picker [hidden]{display: none !important;}
.public-auth-redesign .domain-trigger{width: 100%; height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0px 13px; border: 1px solid rgb(217, 229, 247); border-radius: 13px; background: rgb(252, 253, 255); color: rgb(57, 90, 134); font: 600 12px Manrope, sans-serif; cursor: pointer;}
.public-auth-redesign .domain-trigger > span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.public-auth-redesign .domain-trigger > svg{width: 14px; height: 14px; flex-shrink: 0; color: rgb(95, 133, 189);}
.public-auth-redesign .domain-trigger:focus-visible{outline: rgb(150, 185, 240) solid 2px; outline-offset: 2px;}
.public-auth-redesign .domain-options{position: absolute; z-index: 20; right: 0px; top: calc(100% + 6px); width: max(100%, 205px); padding: 5px; border: 1px solid rgb(229, 237, 251); border-radius: 13px; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(12px); box-shadow: rgba(66, 109, 165, 0.11) 0px 14px 32px, rgba(66, 109, 165, 0.035) 0px 3px 8px;}
.public-auth-redesign .domain-option{display: flex; align-items: center; gap: 9px; padding: 11px 10px; border-radius: 8px; color: rgb(100, 128, 168); font: 500 12px / 1.4 Manrope, sans-serif; white-space: nowrap; cursor: pointer; outline: none;}
.public-auth-redesign .domain-option > svg{width: 16px; height: 16px; opacity: 0; flex-shrink: 0;}
.public-auth-redesign .domain-option[aria-selected="true"]{background: rgb(234, 242, 255); color: rgb(38, 112, 228); font-weight: 700;}
.public-auth-redesign .domain-option[aria-selected="true"] > svg{opacity: 1;}
.public-auth-redesign .domain-option:hover,.public-auth-redesign  .domain-option:focus{background: rgb(240, 245, 253); color: rgb(50, 101, 176);}
.public-auth-redesign .domain-option[aria-selected="true"]:focus{background: rgb(227, 238, 255);}
@media (max-width: 360px){.public-auth-redesign .domain-trigger{font-size: 11px; padding: 0px 10px; gap: 5px;}}
@media (min-width: 761px){.public-auth-redesign .login-benefits{width: 100%; max-width: 580px; gap: 25px;}
.public-auth-redesign .login-benefits li{align-items: flex-start;}
.public-auth-redesign .login-benefits small{max-width: 490px; line-height: 1.75;}}
.public-auth-redesign.register-concept .login-panel{padding: 32px;}
.public-auth-redesign .register-heading{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
.public-auth-redesign .register-heading h2{font-size: 26px;}
.public-auth-redesign .free-plan{font-size: 10px; color: rgb(84, 128, 120); background: rgb(239, 248, 245); border: 1px solid rgb(220, 239, 231); padding: 6px 8px; border-radius: 7px; white-space: nowrap; font-weight: 700;}
.public-auth-redesign.register-concept .login-subtitle{margin-bottom: 25px;}
.public-auth-redesign .register-field{margin-top: 20px;}
.public-auth-redesign .field-note{font-size: 11px; line-height: 1.65; color: rgb(138, 159, 187); margin: 8px 0px 0px;}
.public-auth-redesign .register-passwords{display: grid; gap: 18px; margin-top: 20px;}
.public-auth-redesign .register-consent{align-items: flex-start; gap: 9px; margin: 23px 0px; line-height: 1.7; display: flex !important; font-size: 11px !important; font-weight: 400 !important; color: rgb(124, 145, 174) !important;}
.public-auth-redesign .register-consent input{flex-shrink: 0; width: 15px; height: 15px; margin: 2px 0px 0px; accent-color: rgb(57, 121, 226);}
.public-auth-redesign .register-consent a{color: rgb(75, 119, 183); text-decoration: none;}
.public-auth-redesign.register-concept .signup-row{margin-top: 23px; padding-top: 21px;}
@media (max-width: 1200px){.public-auth-redesign .register-heading{flex-wrap: wrap; gap: 8px;}
.public-auth-redesign .register-heading h2{font-size: 24px;}
.public-auth-redesign.register-concept .login-panel{padding: 28px 24px;}}
@media (max-width: 760px){.public-auth-redesign.register-concept .login-panel{padding: 25px 22px;}
.public-auth-redesign .register-heading h2{font-size: 24px;}
.public-auth-redesign .register-heading{gap: 10px;}}
@media (max-width: 360px){.public-auth-redesign.register-concept .login-panel{padding: 23px 17px;}
.public-auth-redesign .register-heading h2{font-size: 22px;}}
@media (max-width: 1000px){.public-auth-redesign.register-concept .email-input{grid-template-columns: minmax(0px, 1fr) 150px;}
.public-auth-redesign.register-concept .domain-trigger{font-size: 11px; padding: 0px 10px; gap: 5px;}}
.public-auth-redesign .optional-label{font-weight: 400; color: rgb(129, 150, 178); margin-left: 3px;}
.public-auth-redesign.register-concept .password-eye-slash{stroke-dasharray: 26; stroke-dashoffset: 26; opacity: 0; transition: stroke-dashoffset 0.16s, opacity 0.16s;}
@media (prefers-reduced-motion: reduce){.public-auth-redesign.register-concept .password-eye-slash{transition: none;}}
.public-auth-redesign .plan-intro{font-size: 14px; line-height: 1.7; color: rgb(122, 145, 178); margin: 0px 0px 24px;}
@media (max-width: 760px){.public-auth-redesign.register-concept .login-hero{padding: 0px;}
.public-auth-redesign.register-concept .login-hero h1,.public-auth-redesign  .plan-intro{margin-left: 10px; margin-right: 10px;}
.public-auth-redesign .plan-intro{font-size: 13px; margin-bottom: 20px;}
}
.public-auth-redesign.register-concept::before{background: radial-gradient(at 23% 48%, rgba(255, 253, 248, 0.9) 0%, rgba(255, 254, 250, 0.52) 40%, transparent 72%);}
.public-auth-redesign.register-concept::after{background: radial-gradient(at 85% 45%, rgba(234, 242, 252, 0.333), transparent 62%);}
.public-auth-redesign .registration-pricing{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px 16px; margin-top: 23px;}
.public-auth-redesign .registration-plan{position: relative; display: flex; flex-direction: column; padding: 23px; border: 1px solid rgb(215, 229, 249); border-radius: 22px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(250, 252, 255)); box-shadow: rgba(66, 110, 170, 0.03) 0px 12px 28px; transition: box-shadow 0.2s, border-color 0.2s;}
.public-auth-redesign .registration-plan[data-selected="true"]{border-color: rgb(102, 143, 215); box-shadow: rgba(102, 143, 215, 0.19) 0px 0px 0px 1px, rgba(66, 110, 170, 0.07) 0px 12px 28px;}
.public-auth-redesign .registration-plan-heading{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
.public-auth-redesign .registration-plan h3{font-size: 20px; letter-spacing: -0.4px; color: rgb(33, 56, 83); margin: 0px; font-weight: 800;}
.public-auth-redesign .registration-plan-price{font-size: 34px; font-weight: 800; letter-spacing: -1px; line-height: 1.2; color: rgb(30, 53, 83);}
.public-auth-redesign .registration-plan-price > span{font-size: 11px; font-weight: 500; letter-spacing: 0px; color: rgb(123, 144, 173); margin-left: 6px;}
.public-auth-redesign .registration-plan-features{list-style: none; margin: 20px 0px 23px; padding: 0px; display: grid; gap: 11px; font-size: 12px; color: rgb(83, 110, 144);}
.public-auth-redesign .registration-plan-features li{display: flex; align-items: flex-start; gap: 8px; line-height: 1.5;}
.public-auth-redesign .registration-plan-features li > span{display: grid; place-items: center; border: 1px solid rgb(103, 181, 153); border-radius: 50%; color: rgb(65, 157, 124); width: 13px; height: 13px; margin-top: 3px; flex-shrink: 0; font-size: 9px;}
.public-auth-redesign .choose-registration-plan{margin-top: auto; width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 42px; border: 1px solid rgb(167, 193, 239); border-radius: 11px; background: rgb(255, 255, 255); color: rgb(54, 101, 171); font: 700 12px Manrope, sans-serif; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s;}
.public-auth-redesign .choose-registration-plan:hover{transform: translateY(-1px); box-shadow: rgba(69, 111, 170, 0.082) 0px 5px 12px;}
.public-auth-redesign .choose-registration-plan:focus-visible{outline: rgb(113, 158, 221) solid 2px; outline-offset: 3px;}
.public-auth-redesign .registration-plan.starter{grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0px, 1fr) auto; column-gap: 24px; padding: 20px 23px;}
.public-auth-redesign .starter .registration-plan-heading{grid-column: 1;}
.public-auth-redesign .starter .registration-plan-price{grid-area: 1 / 2 / 3; align-self: center;}
.public-auth-redesign .starter .registration-plan-features{grid-column: 1 / -1; grid-template-columns: 1fr 1fr; gap: 7px 18px; margin: 16px 0px;}
.public-auth-redesign.register-concept .login-panel{align-self: start; margin-top: 26px;}
@media (max-width: 1000px){.public-auth-redesign .registration-plan{padding: 18px;}
.public-auth-redesign .registration-plan-features{font-size: 11px; gap: 9px;}
.public-auth-redesign .registration-plan-price{font-size: 29px;}
.public-auth-redesign .starter .registration-plan-features{column-gap: 12px;}
.public-auth-redesign .registration-plan.starter{padding: 18px;}
}
@media (max-width: 760px){.public-auth-redesign .registration-pricing{gap: 20px 12px;}
.public-auth-redesign.register-concept .login-panel{margin-top: 0px;}
.public-auth-redesign .registration-plan{border-radius: 17px; padding: 15px;}
.public-auth-redesign .registration-plan h3{font-size: 18px;}
.public-auth-redesign .registration-plan-features{font-size: 10px; gap: 9px;}
.public-auth-redesign .registration-plan-features li{gap: 6px;}
.public-auth-redesign .registration-plan-price{font-size: 27px;}
.public-auth-redesign .registration-plan-price > span{font-size: 9px; margin-left: 3px;}
.public-auth-redesign .choose-registration-plan{font-size: 11px;}
}
@media (prefers-reduced-motion: reduce){.public-auth-redesign .registration-plan,.public-auth-redesign  .choose-registration-plan{transition: none;}}
@media (min-width: 1001px){.public-auth-redesign .registration-plan:not(.starter){padding: 21px;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-heading{padding-right: 120px;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-price{position: absolute; right: 21px; top: 23px; font-size: 27px;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-price > span{font-size: 9px; margin-left: 4px;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-features{font-size: 11px; gap: 8px; margin: 14px 0px 19px;}}
.public-auth-redesign .registration-plan{padding: 22px !important;}
.public-auth-redesign .registration-plan-heading{align-items: center; justify-content: space-between; display: flex !important; padding: 0px !important;}
.public-auth-redesign .registration-plan h3{font-size: 21px; font-weight: 800; line-height: 1.3; letter-spacing: -0.4px;}
.public-auth-redesign .registration-plan .registration-plan-price{line-height: 1.15; letter-spacing: -1px; margin: 0px; color: rgb(32, 54, 81); position: static !important; font-size: 34px !important;}
.public-auth-redesign .registration-plan .registration-plan-price > span{color: rgb(111, 135, 169); font-weight: 600; font-size: 11px !important; margin-left: 5px !important;}
.public-auth-redesign .registration-plan .registration-plan-features{line-height: 1.5; font-size: 12px !important; gap: 10px !important; margin: 20px 0px 22px !important;}
.public-auth-redesign .registration-plan-features li > span{width: 15px; height: 15px; margin-top: 2px; border: 0px; background: none; color: rgb(54, 163, 124);}
.public-auth-redesign .registration-plan-features li > span svg{display: block; width: 15px; height: 15px;}
.public-auth-redesign .registration-plan.starter{grid-template-columns: minmax(0px, 1fr) auto; column-gap: 30px;}
.public-auth-redesign .starter .registration-plan-heading{grid-area: 1 / 1 / auto / -1;}
.public-auth-redesign .starter .registration-plan-price{grid-area: 2 / 2; align-self: center;}
.public-auth-redesign .starter .registration-plan-features{grid-area: 3 / 1 / auto / -1;}
@media (max-width: 760px){.public-auth-redesign .registration-plan{padding: 16px !important;}
.public-auth-redesign .registration-plan h3{font-size: 19px;}
.public-auth-redesign .registration-plan .registration-plan-price{font-size: 29px !important;}
.public-auth-redesign .registration-plan .registration-plan-price > span{font-size: 10px !important;}
.public-auth-redesign .registration-plan .registration-plan-features{font-size: 11px !important; gap: 9px !important;}
.public-auth-redesign .registration-plan.starter{column-gap: 14px;}}
.public-auth-redesign .starter .registration-plan-heading{grid-area: 1 / 1; justify-content: flex-start; gap: 10px;}
.public-auth-redesign .starter .registration-plan-price{grid-area: 1 / 2;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-price{margin-top: 16px;}
.public-auth-redesign .registration-plan.starter{grid-template-columns: minmax(0px, 1fr) auto 36px; column-gap: 18px;}
.public-auth-redesign .starter .registration-plan-heading{grid-area: 1 / 1;}
.public-auth-redesign .starter .registration-plan-price{grid-area: 1 / 2;}
.public-auth-redesign .free-plan-toggle{grid-area: 1 / 3; align-self: center; display: grid; place-items: center; width: 36px; height: 36px; padding: 6px; border: 1px solid rgb(204, 220, 242); border-radius: 50%; background: rgb(255, 255, 255); color: transparent; cursor: pointer; transition: background 0.18s, box-shadow 0.18s, border-color 0.18s;}
.public-auth-redesign .free-plan-toggle svg{width: 21px; height: 21px;}
.public-auth-redesign .free-plan-toggle[aria-pressed="true"]{background: linear-gradient(140deg, rgb(91, 149, 236), rgb(55, 109, 199)); color: rgb(255, 255, 255); border-color: rgb(76, 130, 215); box-shadow: rgba(64, 118, 197, 0.14) 0px 3px 8px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;}
.public-auth-redesign .free-plan-toggle:hover{box-shadow: rgb(232, 240, 252) 0px 0px 0px 4px;}
.public-auth-redesign .free-plan-toggle:focus-visible{outline: rgb(112, 159, 229) solid 2px; outline-offset: 3px;}
.public-auth-redesign .starter .registration-plan-features{margin-bottom: 0px !important;}
@media (max-width: 360px){.public-auth-redesign .registration-plan.starter{column-gap: 10px; grid-template-columns: minmax(0px, 1fr) auto 32px;}
.public-auth-redesign .free-plan-toggle{width: 32px; height: 32px;}
.public-auth-redesign .starter .registration-plan-price{font-size: 25px !important;}}
@media (prefers-reduced-motion: reduce){.public-auth-redesign .free-plan-toggle{transition: none;}}
.public-auth-redesign .registration-plan .plan-toggle{display: grid; place-items: center; width: 22px; height: 22px; padding: 3px; flex-shrink: 0; border: 1px solid rgb(204, 220, 242); border-radius: 50%; background: white; color: transparent; box-shadow: none; cursor: pointer;}
.public-auth-redesign .registration-plan .plan-toggle svg{width: 15px; height: 15px;}
.public-auth-redesign .registration-plan .plan-toggle[aria-pressed="true"]{background: rgb(71, 130, 217); border-color: rgb(71, 130, 217); color: white; box-shadow: none;}
.public-auth-redesign .registration-plan .plan-toggle:hover{box-shadow: rgb(234, 241, 252) 0px 0px 0px 3px;}
.public-auth-redesign .registration-plan .plan-toggle:focus-visible{outline: rgb(113, 158, 224) solid 2px; outline-offset: 3px;}
.public-auth-redesign .registration-plan.starter{grid-template-columns: minmax(0px, 1fr) auto 22px;}
.public-auth-redesign .starter .registration-plan-features{grid-row: 2;}
.public-auth-redesign .registration-pricing{font-family: Manrope, "Segoe UI", Roboto, sans-serif;}
.public-auth-redesign .registration-plan-title{display: flex; align-items: center; gap: 12px; min-width: 0px;}
.public-auth-redesign .registration-plan-icon{display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 14px; background: rgb(238, 245, 255); color: rgb(49, 95, 191);}
.public-auth-redesign .registration-plan-icon svg{display: block; width: 24px; height: 24px; fill: none; stroke: none;}
.public-auth-redesign .registration-plan-icon svg.is-compact-stroke{stroke-width: 1;}
.public-auth-redesign .registration-plan h3{color: rgb(20, 37, 65); font-weight: 850; letter-spacing: -0.35px;}
.public-auth-redesign .registration-plan .registration-plan-price{font-weight: 700; color: rgb(20, 37, 65); letter-spacing: -0.7px;}
.public-auth-redesign .registration-plan .registration-plan-price > span{color: rgb(85, 117, 156);}
.public-auth-redesign .registration-plan .registration-plan-features{font-weight: 600; color: rgb(64, 85, 118);}
.public-auth-redesign .registration-plan-features li > span{color: rgb(22, 191, 118);}
.public-auth-redesign .starter .registration-plan-features li > span{color: rgb(64, 85, 118);}
.public-auth-redesign .choose-registration-plan{font-family: inherit; font-weight: 700;}
@media (max-width: 760px){.public-auth-redesign .registration-plan-title{gap: 8px;}
.public-auth-redesign .registration-plan-icon{width: 34px; height: 34px; flex-basis: 34px; border-radius: 11px;}
.public-auth-redesign .registration-plan-icon svg{width: 22px; height: 22px;}}
.public-auth-redesign .registration-plan .plan-toggle{width: 24px; height: 24px; padding: 4px; border: 1px solid rgb(202, 219, 242); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(245, 249, 255)); color: transparent; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset; transition: background 0.18s, border-color 0.18s, box-shadow 0.18s;}
.public-auth-redesign .registration-plan .plan-toggle svg{width: 14px; height: 14px; stroke-width: 2.4;}
.public-auth-redesign .registration-plan .plan-toggle[aria-pressed="true"]{border-color: rgb(156, 187, 235); background: linear-gradient(145deg, rgb(241, 247, 255), rgb(220, 234, 255)); color: rgb(49, 105, 200); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(49, 95, 191, 0.07) 0px 2px 5px;}
.public-auth-redesign .registration-plan .plan-toggle:hover{border-color: rgb(137, 171, 224); box-shadow: rgb(234, 241, 252) 0px 0px 0px 3px;}
.public-auth-redesign .registration-plan.starter{grid-template-columns: minmax(0px, 1fr) auto 24px;}
@media (prefers-reduced-motion: reduce){.public-auth-redesign .registration-plan .plan-toggle{transition: none;}}
.public-auth-redesign .registration-plan .plan-toggle[aria-pressed="true"]{border-color: rgb(66, 131, 245); background: linear-gradient(145deg, rgb(52, 126, 255), rgb(36, 101, 236)); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 1px inset, rgba(40, 108, 240, 0.17) 0px 2px 5px;}
.public-auth-redesign .registration-plan-name{display: block; min-width: 0px;}
.public-auth-redesign .registration-plan-summary{display: block; margin-top: 5px; font-size: 12px; line-height: 1.5; font-weight: 500; color: rgb(99, 129, 168);}
.public-auth-redesign .registration-plan-title{align-items: flex-start;}
.public-auth-redesign .registration-plan-icon{margin-top: 1px;}
.public-auth-redesign .registration-plan-heading > .plan-toggle{align-self: flex-start; margin-top: 10px;}
@media (max-width: 760px){.public-auth-redesign .registration-plan-summary{font-size: 11px;}
.public-auth-redesign .registration-plan-heading > .plan-toggle{margin-top: 6px;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-title{flex-wrap: wrap; gap: 8px;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-name{flex-basis: 100%;}}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-summary{min-height: 36px;}
@media (max-width: 760px){.public-auth-redesign .registration-plan:not(.starter) .registration-plan-summary{min-height: 66px;}}
.public-auth-redesign .registration-plan h3{font-size: 20.16px; line-height: 1.2; font-weight: 850; letter-spacing: normal;}
.public-auth-redesign .registration-plan .registration-plan-summary{font-size: 14.08px; line-height: 1.45; font-weight: 600; color: rgb(107, 127, 159); min-height: 0px;}
.public-auth-redesign .registration-plan .registration-plan-price{line-height: 1.35; font-weight: 700; letter-spacing: normal; font-size: 43.2px !important;}
.public-auth-redesign .registration-plan .registration-plan-price > span{font-weight: 700; color: rgb(107, 127, 159); font-size: 14.4px !important;}
.public-auth-redesign .registration-plan .registration-plan-features{line-height: 1.45; font-weight: 600; font-size: 14.4px !important;}
.public-auth-redesign .registration-plan .choose-registration-plan{font-size: 16px; font-weight: 700; min-height: 48px;}
.public-auth-redesign .registration-plan-features li > span{margin-top: 3px;}
@media (max-width: 760px){.public-auth-redesign .registration-pricing{grid-template-columns: 1fr;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-title{flex-wrap: nowrap; gap: 12px;}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-name{flex-basis: auto;}
.public-auth-redesign .registration-plan.starter{column-gap: 12px;}
.public-auth-redesign .starter .registration-plan-price{grid-area: 2 / 1 / auto / 3; margin-top: 12px;}
.public-auth-redesign .starter .registration-plan-features{grid-row: 3; grid-template-columns: 1fr;}
.public-auth-redesign .starter .registration-plan-heading{grid-column: 1 / 3;}}
.public-auth-redesign .registration-plan h3{font-size: 19px;}
.public-auth-redesign .registration-plan .registration-plan-summary{font-size: 13px;}
.public-auth-redesign .registration-plan .registration-plan-price{font-size: 28px !important;}
.public-auth-redesign .registration-plan .registration-plan-price > span{font-size: 13px !important;}
.public-auth-redesign .registration-plan .registration-plan-features{font-size: 14px !important;}
.public-auth-redesign .registration-plan .choose-registration-plan{font-size: 14px; min-height: 44px;}
.public-auth-redesign .registration-plan.starter{background: rgb(255, 255, 255);}
@media (max-width: 760px){.public-auth-redesign.register-concept > .login-panel{order: 0;}
.public-auth-redesign.register-concept > .login-hero{order: 1;}}
.public-auth-redesign .register-heading .free-plan{display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid rgb(214, 229, 252); border-radius: 999px; background: linear-gradient(135deg, rgb(247, 250, 255), rgb(234, 242, 255)); color: rgb(55, 107, 193); font: 700 11px / 1.25 Manrope, sans-serif; letter-spacing: 0.1px; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(56, 104, 173, 0.03) 0px 2px 6px; white-space: nowrap;}
.public-auth-redesign .register-heading .free-plan::before{content: ""; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: rgb(75, 133, 227); box-shadow: rgba(75, 133, 227, 0.063) 0px 0px 0px 3px;}
.public-auth-redesign .register-heading .free-plan{padding: 6px 9px; border: 1px solid rgb(225, 231, 239); border-radius: 6px; background: rgb(247, 249, 252); color: rgb(82, 100, 124); font: 600 11px / 1.3 Manrope, sans-serif; letter-spacing: 0px; box-shadow: none;}
.public-auth-redesign .register-heading .free-plan::before{content: none;}
.public-auth-redesign .register-heading .free-plan{display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 9px 14px; border: 0px; border-radius: 13px; background: rgb(238, 245, 255); color: rgb(49, 95, 191); font: 700 12px / 1.3 Manrope, sans-serif; letter-spacing: 0px; box-shadow: none;}
.public-auth-redesign .register-heading .free-plan::before{content: none;}/* Adapt existing server-rendered fields without changing submission contracts. */
.public-auth-redesign .login-panel .field{margin:0 0 20px}
.public-auth-redesign .login-panel .field>label{display:block;margin:0 0 9px;font:600 13px/1.5 Manrope,sans-serif;color:#395a86}
.public-auth-redesign .login-panel .email-input input,.public-auth-redesign .login-panel .password-input input{border:0;background:transparent;box-shadow:none;min-width:0;width:100%;height:52px;margin:0;outline:none}
.public-auth-redesign .email-input select[hidden]{display:none}
.public-auth-redesign .password-toggle{display:grid;place-items:center;flex:0 0 40px;padding:0;border:0;background:transparent;box-shadow:none;height:44px;min-height:0;color:#7fa0cc;cursor:pointer}
.public-auth-redesign .password-eye-slash{opacity:0;stroke-dasharray:26;stroke-dashoffset:26;transition:opacity .15s,stroke-dashoffset .15s}
.public-auth-redesign [aria-pressed=true] .password-eye-slash{opacity:1;stroke-dashoffset:0}
.public-auth-redesign .login-panel .login-submit{width:100%;margin-top:0}
.public-auth-redesign .login-panel .login-submit>[data-submit-label]{position:static;transform:none}
.public-auth-redesign .login-panel .login-submit>svg{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.public-auth-redesign .login-panel .signup-row{color:#8096b5}
.public-auth-redesign .registration-plan button:disabled{cursor:default}
@media(max-width:760px){.public-auth-redesign .login-panel .email-input input,.public-auth-redesign .login-panel .password-input input{font-size:16px}}
body.public-auth-design-page{background:#f8fbff}
.public-auth-redesign .login-panel .field{display:block}
.public-auth-redesign .login-panel .field>.email-input,.public-auth-redesign .login-panel .field>.password-input{margin-top:0}
.public-auth-redesign .login-panel .password-options{margin-top:2px}
.public-auth-redesign .registration-plan:not(.starter) .registration-plan-summary{min-height:0}
.public-auth-redesign .choose-registration-plan[aria-pressed=true]{color:#fff;background:linear-gradient(115deg,#4b85e3,#345fbc);border-color:#5183d5}
.public-auth-redesign .choose-registration-plan>span:empty{display:none}
.public-auth-redesign .domain-options[hidden]{display:none}
.public-auth-redesign.register-concept>.login-panel{order:1}
.public-auth-redesign.register-concept>.login-hero{order:0}
@media(max-width:760px){.public-auth-redesign.register-concept>.login-panel{order:0}.public-auth-redesign.register-concept>.login-hero{order:1}}

.public-auth-redesign .login-panel .optional-label{color:#8196b2;font-weight:400;margin-left:3px}
/* Validation summaries share the scale and surfaces of the redesigned forms. */
.public-auth-redesign .login-panel :is(.error-list,.alert-list){position:relative;list-style:none;margin:0 0 22px;padding:14px 16px 14px 35px;border:1px solid #f4c3cf;border-radius:14px;background:#fcf2f4;color:#d64b68;font:500 13px/1.55 Manrope,sans-serif;box-shadow:none}
.public-auth-redesign .login-panel :is(.error-list,.alert-list)::before{content:"";position:absolute;left:15px;top:22px;width:7px;height:7px;border-radius:50%;background:#d64b68}
.public-auth-redesign .login-panel :is(.error-list,.alert-list)>li{margin:0;padding:0;font:inherit;color:inherit}
.public-auth-redesign .login-panel :is(.error-list,.alert-list)>li+li{margin-top:6px}
@media(max-width:760px){.public-auth-redesign .login-panel :is(.error-list,.alert-list){padding:12px 13px 12px 32px;font-size:12px;border-radius:12px}.public-auth-redesign .login-panel :is(.error-list,.alert-list)::before{left:13px;top:19px;width:6px;height:6px}}

/* Compact mobile hints while retaining the input size that avoids iOS focus zoom. */
@media(max-width:760px){
.public-auth-redesign .login-panel input::placeholder{font-size:11px}
.public-auth-redesign .email-input,.public-auth-redesign.register-concept .email-input{grid-template-columns:minmax(0,1fr) 126px;gap:8px}
.public-auth-redesign .domain-trigger,.public-auth-redesign.register-concept .domain-trigger{font-size:11px;padding:0 8px;gap:4px}
.public-auth-redesign .domain-trigger>svg{width:12px;height:12px}
}