html,body,#root{height:100%;margin:0;padding:0}body{padding:20px;box-sizing:border-box;background-color:#f0f2f5;color:#2d3142;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;overflow:hidden}*,*:before,*:after{box-sizing:inherit}html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}.app-container{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}:root{--freq-bg: #f5f7fa}body,.left-panel,.right-panel{background:var(--freq-bg)}@media (min-width: 900px){.app-container{flex-direction:row;overflow:hidden}}.left-panel,.right-panel{flex:1;min-height:0;position:relative}.left-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.left-panel img{object-position:left center;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 88%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#000 0% 88%,#0000)}.right-panel{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding-top:1rem}@media (max-width: 899px){.left-panel img{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 82%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0% 82%,#0000)}}.left-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 70%,var(--freq-bg) 100%)}.form-container{width:100%;max-width:500px;padding:0 1rem;box-sizing:border-box}.form-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}@media (min-width: 900px){.left-panel{flex:0 0 clamp(28%,34vw,40%);max-width:520px}.right-panel{flex:1 1 calc(100% - clamp(28%,34vw,40%))}}