:root {
    --white: #fff;
    --black: #000;
    --nebula: #5468ff;
    --moon: #f5f5fa;
    --proton: #c5c9e0;
    --nova: #848ab8;
    --telluric: #5d6494;
    --solstice: #3a416f;
    --cosmos: #21243d;
    --neptune-0: #3944a0;
    --neptune-1: #565db6;
    --neptune-2: #7178cc;
    --neptune-3: #8c93e2;
    --neptune-4: #a6b0f9;
    --mercury-0: #008fba;
    --mercury-1: #2da7cb;
    --mercury-2: #5bbfdd;
    --mercury-3: #88d6ee;
    --mercury-4: #b5eeff;
    --jupiter-0: #3ab2bd;
    --jupiter-1: #61c5c8;
    --jupiter-2: #89d9d3;
    --jupiter-3: #b0ecde;
    --jupiter-4: #d7ffe9;
    --saturn-0: #ec8b63;
    --saturn-1: #f3a57e;
    --saturn-2: #f8be9a;
    --saturn-3: #fcd7b7;
    --saturn-4: #fdf1d4;
    --mars-0: #ed5a6a;
    --mars-1: #f27885;
    --mars-2: #f695a0;
    --mars-3: #fbb3ba;
    --mars-4: #ffd0d5;
    --venus-0: #ae3e88;
    --venus-1: #d44fa4;
    --venus-2: #ea71bc;
    --venus-3: #f89ad3;
    --venus-4: #ffcae9;
    --current: currentColor;
}

body {/*
    font-family: hind,sans-serif!important;
    -webkit-font-smoothing: antialiased;
	*/
    margin: 0!important;
}

a {
	outline: none !important;
}

.with-sidebar {
	font-family: hind,sans-serif!important;
    -webkit-font-smoothing: antialiased;
    margin: 0!important;
}

.with-sidebar h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.with-sidebar #sidebarL,.with-sidebar #main-container{
    min-height:100vh;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#f5f5fa),to(#fff));
    background-image:linear-gradient(to top,#f5f5fa,#fff);
    color:#5d6494;
    font-size:16px
}
.with-sidebar #sidebarL{
    width:450px;
    top:0px;
    left:px;
    position:fixed;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
background-image:radial-gradient(circle at 53% 60%,#5d6494,var(--telluric1))

}
@media(max-width:1200px){
    .with-sidebar #sidebarL{
        display:none
    }
}
.with-sidebar #sidebarL>*{
    z-index:1
}
.with-sidebar #sidebarL:before{
    display:block;
    content:"";
    /*background:url(/site_images/geometric_bg_1.png) no-repeat bottom left;*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0
}
@media(min-height:1080px){
    .with-sidebar #sidebarL:before{
        background-position:bottom
    }
}
.with-sidebar #sidebarL-wrapper{
    max-height:100vh;
    display:-webkit-box;
    display:flex;
    -webkit-box-flex:1;
    flex-grow:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:justify;
    justify-content:space-between
}
.with-sidebar #sidebarL-content{
    color:var(--white);
    padding:50px 95px
}
.with-sidebar #sidebarL-content h1{
    font-size:47px;
    line-height:.96;
    font-weight:400;
	margin: .67em 0;
}
.with-sidebar #sidebarL-content em{
    font-size:12px;
    text-transform:uppercase;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1;
    letter-spacing:1.5px
}
.with-sidebar #sidebarL-content ul{
    line-height:1.78;
    font-size:18px;
    list-style:none;
    padding-left:0;
    margin-top:0
}
.with-sidebar #sidebarL-content li{
    padding: 5px 0;
}
.with-sidebar #sidebarL-content li i {
    padding-right: 8px !important;
}
.with-sidebar #sidebarL-content li:before{
    /*margin-left:-20px;*/
    margin-right:5px;
	/*
	width:25px;
    background:url(/assets/auth/checkmark-7932ca71e803e8d6b1bd0906ef402d0a509f5ff8d1053c291197ee1eb92ef4c5.svg);
    content:"";
    height:20px;
    float:left;
    margin-top:2px
	*/
}
.with-sidebar #sidebarL-header{
    display:block;
    margin-top:67px;
    margin-left:74px
}

.with-sidebar #sidebarL-footer{
    display:-webkit-box;
    display:flex;
    justify-content:space-around;
    height:76px;
    padding:0 15px
}
.with-sidebar #sidebarL-footer img.logo{
    opacity:.6
}
.with-sidebar #main-container{
	/*
    display:-webkit-box;
    display:flex;
    -webkit-box-flex:1;
    flex-grow:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
	*/
}
@media(min-width:1200px){
    .with-sidebar #main-container{
        margin-left:600px
    }
}
.with-sidebar #main-container-header{
    height:135px;
    display:-webkit-box;
    display:flex;
    justify-content:space-around;
    -webkit-box-align:center;
    align-items:center
}
@media(min-width:1200px){
    .with-sidebar #main-container-header{
        visibility:hidden
    }
}
.with-sidebar .main-container-content{
    margin:auto;
    padding-bottom:135px;
    max-width: 90vw;
}
.with-sidebar .va-middle, .with-sidebar .main-container-content {
    vertical-align: middle;
}
.with-sidebar .w-446 {
    width: 446px;
}

.with-sidebar .page-title {
    font-size: 32px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    color: var(--solstice);
}

.with-sidebar .page-title-link {
    float: right;
    font-family: Poppins,sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 1.5px;
    color: #5468ff;
    padding-top: 11px;
    text-transform: uppercase;
}

.with-sidebar .input {
    font-size: 24px;
    line-height: 1.5;
}

.with-sidebar .input:active, .with-sidebar .input:focus {
	border-color:var(--nebula);
}

.with-sidebar .fw-normal, .input {
    font-weight: 700;
}
.with-sidebar .w-100p, .input {
    width: 100%;
}
.with-sidebar .app-none, .button, .input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.with-sidebar .color-telluric1, .with-sidebar .button, .with-sidebar .input, .with-sidebar .hover\:color-telluric1:focus, .with-sidebar .hover\:color-telluric1:hover {
    color: #5d6494;
}
.with-sidebar .ph-12, .with-sidebar .input {
    padding-left: 12px;
    padding-right: 12px;
}
.with-sidebar .pv-12, .with-sidebar .input {
    padding-top: 12px;
    padding-bottom: 12px;
}
.with-sidebar .mb-12, .with-sidebar .input {
    margin-bottom: 12px;
}
.with-sidebar .box-border, .with-sidebar .button, .with-sidebar .input {
    box-sizing: border-box;
}
.with-sidebar .bdw-1, .with-sidebar .input {
    border-width: 1px;
}
.with-sidebar .bds-solid, .with-sidebar .input {
    border-style: solid;
}
.with-sidebar .bdr-4, .with-sidebar .input {
    border-radius: 4px;
}
.with-sidebar .bdc-proton, .with-sidebar .input {
    border-color: #c5c9e0;
}
.with-sidebar .bgc-transparent, .with-sidebar .input, .with-sidebar .hover\:bgc-transparent:focus, .with-sidebar .hover\:bgc-transparent:hover {
    background-color: transparent;
}
.with-sidebar * {
    box-sizing: border-box;
}

.with-sidebar ::-webkit-input-placeholder { /* Edge */
  opacity: .6 !important;
}

.with-sidebar :-ms-input-placeholder { /* Internet Explorer */
  opacity: .6 !important;
}

.with-sidebar ::placeholder {
  opacity: .6 !important;
}

.with-sidebar .input::-webkit-input-placeholder{
    color:var(--nova)
}
.with-sidebar .input::-moz-placeholder{
    color:var(--nova)
}
.with-sidebar .input:-ms-input-placeholder{
    color:var(--nova)
}
.with-sidebar .input::-ms-input-placeholder{
    color:var(--nova)
}
.with-sidebar .input::placeholder{
    color:var(--nova)
}

.with-sidebar input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 24.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}


.with-sidebar .button-primary{
    text-shadow:0 1px 0 #4b5ef0;
    color:var(--white) !important;
    background:-webkit-gradient(linear,left top,left bottom,from(#aeb7ff),to(var(--nebula))) no-repeat;
    background:linear-gradient(#aeb7ff,var(--nebula)) no-repeat;
    box-shadow:0 7px 13px -3px rgba(45,35,66,.3),0 2px 4px 0 rgba(45,35,66,.4),inset 0 -2px 0 0 #4b58ba
}
.with-sidebar .button-primary:hover, .with-sidebar .button-primary:focus{
    box-shadow:0 11px 16px -3px rgba(45,35,66,.3),0 4px 5px 0 rgba(45,35,66,.4),inset 0 -2px 0 0 #4b58ba;
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
.with-sidebar .button-primary:active{
    background-blend-mode:multiply,normal;
    box-shadow:inset 0 2px 0 1px rgba(132,138,184,.11),inset 0 2px 9px 0 rgba(93,100,148,.5),inset 0 -1px 0 1px var(--nebula);
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
}
.with-sidebar .button-secondary{
    background:-webkit-gradient(linear,left top,left bottom,from(var(--white)),to(#e4e4e9)) no-repeat;
    background:linear-gradient(to bottom,var(--white),#e4e4e9) no-repeat;
    box-shadow:0 7px 14px -3px rgba(45,35,66,.3),0 2px 4px 0 rgba(45,35,66,.4),inset 0 -2px 0 0 #cfd1e3;
    text-shadow:0 1px 0 #fff
}
.with-sidebar .button-secondary:hover, .with-sidebar .button-secondary:focus{
    box-shadow:0 11px 16px -3px rgba(45,35,66,.3),0 4px 5px 0 rgba(45,35,66,.4),inset 0 -2px 0 0 #cfd1e3;
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
.with-sidebar .button-secondary:active{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--white)),to(#e4e4e9)) no-repeat;
    background-image:linear-gradient(to top,var(--white),#e4e4e9) no-repeat;
    box-shadow:inset 0 2px 0 1px rgba(132,138,184,.11),inset 0 2px 9px 0 rgba(93,100,148,.5),inset 0 -1px 0 1px #e4e4e9;
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
}
.with-sidebar .button-secondary .left-logo{
    padding-right:8px
}

@media (min-width: 1200px){
	.with-sidebar .button {
		height: 48px !important;
	}
}

.with-sidebar .button {
	font-weight: 600;
	height: 42px;
	text-transform: uppercase;
	-webkit-transition: box-shadow .15s ease,-webkit-transform .15s ease;
	transition: box-shadow .15s ease,-webkit-transform .15s ease;
	transition: box-shadow .15s ease,transform .15s ease;
	transition: box-shadow .15s ease,transform .15s ease,-webkit-transform .15s ease;
	will-change: box-shadow,transform;
	letter-spacing: 1.5px;
	font-size: 11px;
	outline: none !important;
}

.with-sidebar .hover\:td-none:focus, .with-sidebar .hover\:td-none:hover, .with-sidebar .td-none, .with-sidebar a, .with-sidebar .button {
    text-decoration: none;
}

.with-sidebar .cursor-pointer, .with-sidebar .button {
    cursor: pointer;
}
.with-sidebar .app-none, .with-sidebar .button, .with-sidebar .input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.with-sidebar .jc-center, .with-sidebar .button, .with-sidebar .g-recaptcha {
    -webkit-box-pack: center;
    justify-content: center;
}
.with-sidebar .ai-center, .with-sidebar .button, .with-sidebar .divider-with-label {
    -webkit-box-align: center;
    align-items: center;
}
.with-sidebar .color-telluric1, .with-sidebar .button, .with-sidebar .input, .with-sidebar .hover\:color-telluric1:focus, .with-sidebar .hover\:color-telluric:hover {
    color: #5d6494;
}
.with-sidebar .ph-24, .with-sidebar .button {
    padding-left: 24px;
    padding-right: 24px;
}
.with-sidebar .d-inline-flex, .with-sidebar .button {
    display: -webkit-inline-box;
    display: inline-flex;
}
.with-sidebar .box-border, .with-sidebar .button, .with-sidebar .input {
    box-sizing: border-box;
}
.with-sidebar .bdw-0, .with-sidebar .button {
    border-width: 0;
}
.with-sidebar .bdr-max, .with-sidebar .button {
    border-radius: 9999px;
}




/* If you’re still using the "slide" animation for signup,
   keep the left: 0% vs. left: 100%, but just add the top offset:
 */
.with-sidebar #login-box,
.with-sidebar #signup-box {
  top: 60px;
}