
/* Home registration layout */
.conversion-hero{position:relative;isolation:isolate;overflow:hidden}
.conversion-hero>.container{position:relative;z-index:2}
.conversion-art{position:absolute;inset:0;pointer-events:none;color:var(--accent);z-index:1;overflow:hidden}
.conversion-art svg{position:absolute;width:80%;height:auto;right:-15%;bottom:0;opacity:.12}
.conversion-art span{position:absolute;top:30px;right:38%;font-size:110px;opacity:.12;transform:rotate(15deg)}
.conversion-art span:first-child{left:-20px;right:auto;top:25%;transform:rotate(-15deg)}
.conversion-hero :is(.hero__grid,.hero__inner,.home-hero__inner){column-gap:40px;row-gap:24px;align-items:start}
.conversion-hero :is(.hero__grid,.hero__inner,.home-hero__inner)>*{min-width:0}
.conversion-hero h1{line-height:1.08;text-wrap:balance}
.conversion-hero :is(.hero__form-panel,.hero-form-panel,.hero__form-col>.form-block){border-top:4px solid var(--accent);box-shadow:0 24px 64px #0002}
.conversion-hero :is(.hero__form-note,.hero-form-note,.form-block__note,.form-note){padding-top:16px;border-top:1px solid #8884}
@media(min-width:901px){
.conversion-hero .hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"intro form" "details form";padding-inline:32px}
.conversion-hero .hero__inner .hero__intro{grid-area:intro}
.conversion-hero .hero__inner .hero__form-col{grid-area:form}
.conversion-hero .hero__details{grid-area:details}
}
@media(max-width:900px){
.conversion-hero{padding-block:32px 40px}
.conversion-hero :is(.hero__grid,.hero__inner,.home-hero__inner){grid-template-columns:minmax(0,1fr);gap:24px}
.conversion-hero .hero__inner{padding-block:0;padding-inline:20px}
.conversion-hero h1{font-size:clamp(1.9rem,6.5vw,3rem)}
.conversion-hero :is(.hero__form-panel,.hero-form-panel,.hero__form-col>.form-block){padding:22px 18px;width:100%}
.conversion-art span{font-size:80px;right:-20px;top:10px}
.conversion-art span:first-child{top:65%}
}
@media(max-width:480px){
.conversion-hero>.container{padding-inline:16px}
.conversion-hero :is(.hero__lead,.home-hero__text){font-size:1rem;line-height:1.65}
.conversion-hero :is(.hero__flags,.hero-flags,.hero-flags__row){flex-wrap:wrap;gap:8px}
}


/* Trading terminal backdrop */
.conversion-hero{background:radial-gradient(ellipse at 80% 15%,#21183f 0,#090e20 65%)}
.conversion-hero .conversion-art{background:url("../images/hero-market.svg") center center / cover no-repeat}
.conversion-hero .conversion-art>*,.conversion-hero .home-hero__layers,.conversion-hero .hero__canvas-wrap,.conversion-hero .hero__static{display:none}
.conversion-hero .conversion-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#090e20cc 20%,#090e2099 65%,transparent)}
.conversion-hero h1{color:#f5f7fa;text-shadow:0 2px 20px #0006}
.conversion-hero :is(.hero__lead,.home-hero__content p){color:#c6d6d4}
.conversion-hero :is(.hero__form-panel,.hero-form-panel){background:#14172b;box-shadow:0 25px 75px #0006;border-color:#a78bfa88}
@media(min-width:901px){.conversion-hero :is(.hero__inner,.home-hero__inner){padding-block:64px 88px}}
@media(max-width:900px){.conversion-hero .conversion-art{background-size:auto 100%;background-position:70% center}.conversion-hero .conversion-art::after{background:linear-gradient(90deg,#090e20dd,transparent)}.conversion-hero .home-hero__inner{padding-block:0}}

