.modal-form{background-color:#0c374b;color:#fff;height:100lvh;max-width:42.5rem;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;scrollbar-width:none;top:0;width:100%;-ms-overflow-style:none}.modal-form::-webkit-scrollbar{display:none}.modal-form__container{gap:2rem;height:100%;padding:clamp(1rem,0rem + 3.3333333333vw,4rem) clamp(1rem,0rem + 3.3333333333vw,4rem) clamp(4rem,9.3333333333rem + -4.4444444444vw,8rem);width:100%}.modal-form__container,.modal-form__titlebox{display:flex;flex-direction:column}.modal-form__close-btn{align-self:flex-end;cursor:pointer;transition:rotate .6s cubic-bezier(.36,1.5,.64,1)}@media (pointer:fine){.modal-form__close-btn:hover{rotate:90deg}}.modal-form__title{font-size:clamp(2rem,1.6666666667rem + 1.1111111111vw,3rem);line-height:1.2}.modal-form__desc{display:flex;flex-direction:column;font-size:clamp(.9375rem,.8958333333rem + .1388888889vw,1.0625rem);gap:1rem;line-height:1.4;margin-top:2rem}.modal-form__desc h2,.modal-form__desc h3,.modal-form__desc h4,.modal-form__desc h5,.modal-form__desc h6{font-size:clamp(1.125rem,1.0833333333rem + .1388888889vw,1.25rem)}.modal-form__desc ol>li,.modal-form__desc ul>li{margin-left:1.25rem}.modal-form__desc ol>li{list-style:decimal outside}.modal-form__desc ul>li{list-style:disc outside}.modal-form__desc a{color:#c6a47d;text-decoration:underline;white-space:nowrap}@media (pointer:fine){.modal-form__desc a:hover{text-decoration:none}}.modal-form__body{margin-top:4rem}.modal-form__popup{align-items:center;background-color:#1b2230;border-radius:.5rem;color:#fff;display:flex;font-size:.75rem;gap:.5rem;left:-.625rem;padding:.5rem 1rem;position:absolute;top:130%;z-index:5}.modal-form__popup>span{align-items:center;aspect-ratio:1;background-color:#fff;border-radius:50%;color:#0c374b;display:flex;font-size:.875rem;font-weight:600;justify-content:center;width:1rem}.modal-form__popup:before{aspect-ratio:1;background-color:inherit;content:"";left:5%;-webkit-mask-image:linear-gradient(135deg,#000 50%,transparent 0);mask-image:linear-gradient(135deg,#000 50%,transparent 0);position:absolute;rotate:45deg;top:-.5rem;width:1rem;z-index:4}.modal-form__inputbox{border-bottom:.0625rem solid #c6a47d;display:block;padding:1.125rem 0;position:relative;width:100%}.modal-form__inputbox:before{background-color:#c6a47d;bottom:0;content:"";height:.125rem;left:0;position:absolute;transition:width .6s ease;width:0}.modal-form__inputbox:not(:first-child){margin-top:2rem}.modal-form__inputbox>span{left:0;opacity:.5;pointer-events:none;position:absolute;top:50%;transition:all .6s ease;translate:0 -50%}.modal-form__inputbox>input::-moz-placeholder{color:inherit;font-family:inherit;font-size:inherit;opacity:0;-moz-transition:opacity .6s ease;transition:opacity .6s ease}.modal-form__inputbox>input::placeholder{color:inherit;font-family:inherit;font-size:inherit;opacity:0;transition:opacity .6s ease}.modal-form__inputbox>textarea{height:6rem;resize:none}.modal-form__inputbox>textarea::-moz-placeholder{color:inherit;font-family:inherit;font-size:inherit;opacity:.5}.modal-form__inputbox>textarea::placeholder{color:inherit;font-family:inherit;font-size:inherit;opacity:.5}.modal-form__inputbox:not(:has(input:-moz-placeholder)):before{width:100%}.modal-form__inputbox:has(input:focus):before,.modal-form__inputbox:not(:has(input:placeholder-shown)):before{width:100%}.modal-form__inputbox:has(input:focus)>input::-moz-placeholder,.modal-form__inputbox:not(:has(input:placeholder-shown))>input::-moz-placeholder{opacity:.5}.modal-form__inputbox:not(:has(input:-moz-placeholder))>input::placeholder{opacity:.5}.modal-form__inputbox:has(input:focus)>input::placeholder,.modal-form__inputbox:not(:has(input:placeholder-shown))>input::placeholder{opacity:.5}.modal-form__inputbox:not(:has(input:-moz-placeholder))>span{font-size:.75rem;transform:translateY(-200%)}.modal-form__inputbox:has(input:focus)>span,.modal-form__inputbox:not(:has(input:placeholder-shown))>span{font-size:.75rem;transform:translateY(-200%)}.modal-form__input{background-color:transparent;color:#fff;font-family:inherit;font-size:1.0625rem;width:100%}.modal-form__controls{display:flex;flex-direction:column;gap:2rem;margin-top:4rem}.modal-form__agreement{align-items:center;color:#c6a47d;display:flex;font-size:.875rem;gap:.5rem;position:relative}.modal-form__agreement button{cursor:pointer;text-decoration:underline}@media (pointer:fine){.modal-form__agreement button:hover{text-decoration:none}}.modal-form__agreement-checkbox{aspect-ratio:1/1;border:.0625rem solid #c6a47d;cursor:pointer;height:1.5rem;position:relative;width:1.5rem}.modal-form__agreement-checkbox>input[type=checkbox]{appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.modal-form__agreement-checkbox:after,.modal-form__agreement-checkbox:before{content:"";height:.125rem;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease;translate:-50% -50%;width:.875rem}@media (pointer:fine){.modal-form__agreement-checkbox:hover:after,.modal-form__agreement-checkbox:hover:before{background-color:#c6a47d;opacity:1}.modal-form__agreement-checkbox:hover:before{rotate:90deg}}.modal-form__agreement-checkbox:has(input:checked){background-color:#c6a47d}.modal-form__agreement-checkbox:has(input:checked):after,.modal-form__agreement-checkbox:has(input:checked):before{background-color:#fff;opacity:1}.modal-form__agreement-checkbox:has(input:checked):before{left:63%;rotate:135deg;width:.75rem}.modal-form__agreement-checkbox:has(input:checked):after{left:30%;rotate:-135deg;top:60%;width:.625rem}.modal-form__button{align-items:center;background-color:#1c577140;box-sizing:border-box;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1.125rem 2.25rem;position:relative;text-transform:uppercase;transition:all .6s ease;white-space:nowrap;width:100%}@keyframes arrow-translate{0%{opacity:1;translate:0 0}45%{opacity:0;translate:100% 0}55%{opacity:0;translate:-100% 0}to{opacity:1;translate:0 0}}.modal-form__button:before{background-color:#c6a47d;clip-path:polygon(100% 0,80% 100%,0 100%,0 0);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:translate .6s ease;translate:-97% 0;width:130%;z-index:0}.modal-form__button>span{position:relative}.modal-form__button>span:has(svg){overflow:hidden;rotate:-45deg}@media (pointer:fine){.modal-form__button:hover{color:#fff}.modal-form__button:hover:before{translate:0 0}.modal-form__button:hover>span>svg{animation:arrow-translate .6s ease}}
