.crm-auth-visual>video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46;filter:saturate(.9) contrast(1.08)}
.crm-auth-visual{isolation:isolate;background:linear-gradient(140deg,var(--orange),#ba1905)}
.crm-auth-visual:before,.crm-auth-visual:after,.crm-auth-visual>i{z-index:1}
.crm-auth-visual>img,.crm-auth-visual>div{z-index:2}
.crm-auth-visual:after{background:rgba(190,25,5,.12)}
@media (max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .crm-auth{display:block;min-height:100svh;background:#fff}
  .crm-auth-visual{width:100%;min-height:360px;padding:34px 28px 32px;display:flex;flex-direction:column;justify-content:space-between}
  .crm-auth-visual img{position:relative;z-index:1;display:block;width:min(118px,34vw);height:auto;flex:0 0 auto}
  .crm-auth-visual>div{position:relative;z-index:1;left:auto;bottom:auto}
  .crm-auth-visual span{display:block;max-width:100%;margin-bottom:12px;white-space:normal;overflow-wrap:anywhere}
  .crm-auth-visual h1{max-width:100%;margin:0;font-size:clamp(44px,13vw,58px);line-height:.9;overflow-wrap:normal}
  .crm-auth-visual:before{width:430px;height:430px;right:-235px;top:-195px}
  .crm-auth-visual:after{width:210px;height:210px;right:-78px;top:-42px}
  .crm-auth-visual i{width:86px;height:86px;left:9%;bottom:9%}
  .crm-auth-form{display:block;width:100%;padding:44px 28px calc(44px + env(safe-area-inset-bottom))}
  .crm-auth-form form{width:100%;max-width:none;gap:16px}
  .crm-auth-form h2{max-width:100%;font-size:clamp(44px,12.5vw,52px);line-height:.92}
  .crm-auth-form p{margin-bottom:8px}
  .crm-auth-form input{min-height:48px;font-size:16px}
  .crm-auth-form button{min-height:52px;align-items:center}
}
@media (max-width:380px){
  .crm-auth-visual{min-height:330px;padding:28px 22px}
  .crm-auth-visual h1{font-size:42px}
  .crm-auth-form{padding:38px 22px calc(38px + env(safe-area-inset-bottom))}
  .crm-auth-form h2{font-size:42px}
}