*{box-sizing:border-box;margin:0;padding:0}body{font-family:Blinker,sans-serif;background-color:#fafafc;min-height:100vh;position:relative;width:100%;height:100%}.app-container{position:relative;width:100%;height:100vh;min-height:100vh}.main-content{position:absolute;background-color:#fff;border-radius:5px;top:calc(50% - 23.5px);left:50%;transform:translate(-50%,-50%);width:calc(100vw - 2rem);max-width:815px;min-width:320px;height:545px}.main-content-border{position:absolute;border:1px solid #e0e0e9;border-radius:5px;inset:0;pointer-events:none}.appointment-form{position:absolute;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:flex-start;left:1rem;top:1.5rem;width:calc(100% - 2rem);padding:0}.text-container{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;justify-content:flex-start}.title-container{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:flex-start}.title-text{font-weight:600;line-height:0;font-style:normal;color:#37375c;text-align:center;font-size:24px;width:375px}.title-text p{display:block;line-height:normal}.subtitle-text{font-weight:400;line-height:0;font-style:normal;color:#37375c;font-size:14px;text-align:center;width:375px}.subtitle-text p{display:block;line-height:normal}.form-header{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:flex-start;line-height:0;font-style:normal;color:#37375c;text-align:center;width:100%}.form-header-title{font-weight:600;font-size:20px;width:100%;padding:0 .5rem}.form-header-title p{display:block;line-height:normal}.form-header-subtitle{font-weight:400;font-size:14px;width:100%;padding:0 .5rem}.form-header-subtitle p{display:block;line-height:normal}.form-body{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:flex-start;width:100%}.input-container{background-color:#fff;position:relative;border-radius:3px;width:100%}.input-border{position:absolute;border:1px solid #e0e0e9;border-radius:3px;inset:0;pointer-events:none}.input-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-start;padding:15px 16px}.consultant-input{font-family:Blinker,sans-serif;font-weight:400;font-style:normal;color:#37375c;font-size:14px;text-align:left;background:transparent;border:none;outline:none;width:100%;line-height:18px}.consultant-input::placeholder{color:#adadc3}.submit-button{background-color:#6969df;position:relative;border-radius:4px;width:100%;border:none;cursor:pointer;transition:background-color .2s ease}.submit-button:hover{background-color:#5a5ac7}.button-content{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding:15px 24px;gap:10px}.button-content p{font-family:Blinker,sans-serif;font-weight:600;line-height:18px;font-style:normal;color:#fff;font-size:14px;text-align:left;white-space:pre;display:block}.background-image{position:absolute;background:center/cover no-repeat url(/img/img.png);border-radius:5px;height:255px;left:1rem;top:290px;width:calc(100% - 2rem)}.footer{position:absolute;background-color:#fff;bottom:0;height:106px;left:0;width:100%}.footer-border{position:absolute;border-top:1px solid #e0e0e9;inset:0;pointer-events:none}.legal-links{display:flex;flex-direction:column;font-family:Blinker,sans-serif;font-weight:400;gap:1.5rem;align-items:center;justify-content:center;line-height:0;font-style:normal;padding:1rem;color:#37375c;font-size:14px;text-align:center;height:100%;width:100%}.legal-link{position:relative}.legal-link p{display:block;line-height:normal;white-space:nowrap}@media (min-width: 768px){.main-content{height:383px;width:815px}.appointment-form{left:3rem;top:76px;gap:2rem;width:auto}.background-image{height:383px;left:455px;top:0;width:312px;border-radius:0 5px 5px 0}.footer{height:65px}.legal-links{flex-direction:row;gap:3rem;padding:0}.desktop-only{display:flex}.mobile-only{display:none}}@media (max-width: 767px){.desktop-only{display:none}.mobile-only{display:flex}}@media (min-width: 480px) and (max-width: 767px){.form-header-title{font-size:18px}.background-image{top:240px;left:1.5rem;width:calc(100% - 3rem)}}@media (min-width: 640px) and (max-width: 767px){.main-content{width:480px;height:480px}}@media (min-width: 768px) and (max-width: 1023px){.main-content{width:640px;height:420px}.background-image{left:350px;top:2rem;width:250px;height:280px}}@media (min-width: 1024px) and (max-width: 1279px){.main-content{width:720px}.background-image{left:400px;width:280px}}