.mylo-hero-form-section{font-family:PP Nikkei Maru,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.mylo-hero-main-section{overflow:unset}.mylo-hero-form-container{position:relative;z-index:1}.mylo-hero-bg{position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}svg.rotating-text{width:calc(100% - 5px);height:calc(100% - 5px)}.mylo-hero-overlay{z-index:1}.mylo-contact-circular-button{position:absolute!important;bottom:-60px!important;right:35px!important;width:145px!important;height:145px!important}.mylo-hero-text-content{position:relative;z-index:2}.mylo-hero-title{font-family:PP Nikkei Maru,sans-serif;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mylo-hero-subtitle{text-shadow:0 1px 2px rgba(0,0,0,.3)}.mylo-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.mylo-form-title{font-family:PP Nikkei Maru,sans-serif}.mylo-form-subtitle{opacity:.8}.mylo-form-input{font-family:inherit;transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.mylo-form-input:focus{border-color:#2c1a1a;box-shadow:0 0 0 3px #2c1a1a1a;outline:none}.mylo-form-input::placeholder{color:#aaa;opacity:1}.mylo-form-button{font-family:inherit;position:relative;overflow:hidden}.mylo-form-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.mylo-form-button span{background:#fff;width:25px;height:25px;border-radius:100%;display:inline-flex;color:#170508;top:50%;right:7px;align-items:center;justify-content:center;transform:translateY(-50%) rotate(-45deg);transition:all .4s ease;position:absolute}.mylo-form-button:hover{background-color:#fff!important;color:#2c1a1a!important}.mylo-form-button:hover span{background:#170508;color:#fff}.mylo-contact-button{font-family:inherit;position:fixed;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1)}.mylo-contact-text{text-transform:uppercase;letter-spacing:.5px}.mylo-contact-button svg{transition:transform .3s ease}.mylo-contact-button:hover svg{transform:translate(2px)}.mylo-hero-form-section.animate-in .mylo-hero-title{animation:slideInLeft .8s ease-out}.mylo-hero-form-section.animate-in .mylo-hero-subtitle{animation:slideInLeft .8s ease-out .2s both}.mylo-hero-form-section.animate-in .mylo-form-card{animation:slideInUp .8s ease-out .4s both}.mylo-hero-form-section.animate-in .mylo-contact-button{animation:slideInRight .6s ease-out .6s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.mylo-hero-title{max-width:100%!important}}@media (max-width: 767px){.mylo-form-input-group{flex-direction:column;gap:12px}.mylo-form-input,.mylo-form-button{width:100%!important}.mylo-contact-button{width:60px!important;height:60px!important}.mylo-contact-text{font-size:8px!important}.mylo-hero-bg{padding:100px 15px 15px!important}.mylo-contact-circular-button{display:none!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.mylo-hero-bg{background-image:url("{{ section.settings.background_image | img_url: "2400x1600" }}")}}@media (prefers-color-scheme: dark){.mylo-form-card{background-color:#f8f7f2f2!important}.mylo-form-input{background-color:#fffffff2!important}}@media print{.mylo-contact-button{display:none}.mylo-hero-form-section{background:#fff!important;color:#000!important}.mylo-hero-overlay{display:none}}.mylo-form-input:focus,.mylo-form-button:focus,.mylo-contact-button:focus{outline:2px solid #2C1A1A;outline-offset:2px}@media (prefers-reduced-motion: reduce){.mylo-hero-form-section *,.mylo-hero-form-section *:before,.mylo-hero-form-section *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mylo-form-button.loading{pointer-events:none;opacity:.7}.mylo-form-button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mylo-hero-form.css.map */