:root{--color-primary-100: hsl(173, 58%, 69%);--color-primary-200: hsl(173, 58%, 59%);--color-primary-300: #34c5b5;--color-primary-400: #2a9d90;--color-primary-500: #24897d;--color-primary-600: hsl(173, 58%, 29%);--color-primary-700: hsl(173, 58%, 24%);--color-primary-800: hsl(173, 58%, 19%);--color-accent-100: hsl(35, 83%, 76%);--color-accent-200: hsl(35, 83%, 66%);--color-accent-300: hsl(35, 83%, 56%);--color-accent-400: hsl(35, 83%, 50%);--color-accent-500: hsl(35, 83%, 45%);--color-accent-600: hsl(35, 83%, 26%);--color-accent-700: hsl(35, 83%, 16%);--color-cta-100: hsl(50, 100%, 89%);--color-cta-200: hsl(50, 100%, 78%);--color-cta-300: hsl(50, 100%, 67%);--color-cta-400: hsl(50, 100%, 58%);--color-cta-500: hsl(50, 100%, 47%);--color-cta-600: hsl(50, 100%, 36%);--color-cta-700: hsl(50, 100%, 25%);--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-800: #991b1b;--color-slate-25: hsl(210, 50%, 99%);--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: rgb(226, 232, 240);--color-slate-300: #cbd5e1;--color-slate-400: #92a5b9;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a}.layout-content .register-wrapper{display:flex;flex-direction:row}.layout-content .register-wrapper>*{flex-basis:50%;padding:8rem 2rem}.layout-content .register-wrapper .advantages{margin-top:5rem}.layout-content .register-wrapper .advantages .trust-wrapper{margin-bottom:2rem}.layout-content .register-wrapper .advantages .trust-wrapper p{color:#2a9d90;font-size:1.125rem;letter-spacing:-.025em;font-weight:500}@media(max-width:476px){.layout-content .register-wrapper .advantages .trust-wrapper{flex-direction:column;gap:1rem;justify-content:flex-start;align-items:flex-start}}.layout-content .register-wrapper .advantages .title{font-size:2.5rem;font-weight:600;margin-bottom:4rem;line-height:1.5em}.layout-content .register-wrapper .advantages .description{font-size:1.25rem;font-weight:500}.layout-content .register-wrapper .advantages ul li{padding:.625rem 0rem;display:flex;align-items:center;gap:1rem}.layout-content .register-wrapper .advantages ul li i{font-size:1.25rem;color:#10b981}.layout-content .register-wrapper .advantages ul li span{font-size:1.125rem;letter-spacing:-.025em;color:#475569}.layout-content .register-wrapper .form{background-color:#fff;padding:4rem 2rem;border-radius:1.375rem;box-shadow:0 0 #1d1b1b,0 0 #1d1b1b,0 4px 6px -1px #e2e8f0,0 2px 4px -2px #cbd5e1;width:35rem}.layout-content .register-wrapper .form>*{margin:0 auto}.layout-content .register-wrapper .form .title{text-align:center;max-width:12.5em;margin-bottom:4rem;font-size:1.75rem;font-weight:600;color:#1e293b}.layout-content .register-wrapper .form .social-logins{gap:1rem;display:flex;flex-direction:row;justify-content:center;margin-bottom:2rem}.layout-content .register-wrapper .form .form-layout{margin-top:2rem;width:25rem;display:flex;flex-direction:column;gap:1.5rem}.layout-content .register-wrapper .form .form-layout .form-element label{font-size:.9375rem;color:#475569}@media(max-width:1200px){.layout-content .register-wrapper>.advantages-wrapper{flex-grow:1}.layout-content .register-wrapper>.form-wrapper{flex-shrink:0}.layout-content .register-wrapper>.form-wrapper .form{width:30rem}}@media(max-width:1200px)and (max-width:992px){.layout-content .register-wrapper{flex-direction:column-reverse}.layout-content .register-wrapper>*{flex-basis:100%!important;padding:4rem 2rem!important}.layout-content .register-wrapper .form-wrapper{padding-bottom:0!important}.layout-content .register-wrapper .form-wrapper .form{width:100%}}@media(max-width:1200px)and (max-width:600px){.layout-content .register-wrapper>*{padding:2rem 0rem!important}.layout-content .register-wrapper .form-wrapper{padding-top:0!important}.layout-content .register-wrapper .form-wrapper .form{margin-left:-1rem;width:calc(100% + 2rem);box-shadow:none;border-radius:0}.layout-content .register-wrapper .form-wrapper .form .form-layout{width:100%}}
