.tyi-volunteer-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:99999;padding:24px 16px;overflow-y:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:tyiModalFadeIn .25s cubic-bezier(.16,1,.3,1)}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card{box-sizing:border-box;position:relative;width:100%;max-width:694px;max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border:1px solid #d9d9d9;border-radius:32px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;animation:tyiModalSlideUp .25s cubic-bezier(.16,1,.3,1)}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card::-webkit-scrollbar{width:6px}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card::-webkit-scrollbar-track{background:#0000;margin:16px 0}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:4px}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-close-btn{position:absolute;width:32px;height:32px;right:24px;top:24px;background:#0000;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;color:#000;transition:background-color .2s ease,transform .2s ease}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-close-btn:hover{background-color:#f3f4f6;transform:rotate(90deg)}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-close-btn:focus-visible{outline:2px solid tomato}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-content-wrapper{padding:36px 32px 32px;display:flex;flex-direction:column;gap:32px}@media(max-width:768px){.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-content-wrapper{padding:32px 20px 24px;gap:24px}}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-header{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;text-align:center}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-header .modal-logo{width:162px;height:60px;position:relative;display:flex;align-items:center;justify-content:center}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-header .modal-logo img{width:100%;height:auto;object-fit:contain}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-header .modal-titles{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-header .modal-titles h2{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:29px;text-align:center;letter-spacing:-.02em;color:#000;margin:0}@media(max-width:768px){.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-header .modal-titles h2{font-size:20px;line-height:26px}}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-header .modal-titles p{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#333;margin:0;max-width:580px}@media(max-width:768px){.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-header .modal-titles p{font-size:14px;line-height:19px}}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form{display:flex;flex-direction:column;gap:24px;width:100%}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group label{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:22px;color:#000;margin:0}@media(max-width:768px){.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group label{font-size:16px;line-height:20px}}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .modal-field-error{margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:16px;font-weight:500;color:#b3261e}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .textarea-box{box-sizing:border-box;position:relative;width:100%;height:74px;background:#fff;border:1px solid #d2d2d2;border-radius:8px;padding:12px 14px 22px;transition:border-color .2s ease,box-shadow .2s ease}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .textarea-box:focus-within{border-color:tomato;box-shadow:0 0 0 2px #ff63471f}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .textarea-box.has-error{border-color:#b3261e}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .textarea-box.has-error:focus-within{border-color:#b3261e;box-shadow:0 0 0 2px #b3261e1f}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .textarea-box textarea{width:100%;height:100%;border:none;outline:none;resize:none;background:#0000;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#000;padding:0}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .textarea-box textarea::placeholder{color:#999;opacity:1}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .textarea-box .char-count{position:absolute;right:14px;bottom:6px;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-align:right;color:#999;pointer-events:none}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container{box-sizing:border-box;position:relative;width:100%}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger{box-sizing:border-box;width:100%;height:50px;background:#fff;border:1px solid #d2d2d2;border-radius:8px;padding:0 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,box-shadow .2s ease}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger:hover{border-color:#b0b0b0}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger.is-open,.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger:focus-visible{border-color:tomato;box-shadow:0 0 0 2px #ff63471f;outline:none}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger.has-error{border-color:#b3261e}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger.has-error.is-open,.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger.has-error:focus-visible{border-color:#b3261e;box-shadow:0 0 0 2px #b3261e1f}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger .trigger-text{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger .trigger-text.has-value{color:#000}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger .trigger-text.is-placeholder{color:#999}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger .chevron-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;color:#282828}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-trigger .chevron-icon.rotated{transform:rotate(180deg)}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #00000014;z-index:1000;padding:6px 0;margin:0;list-style:none;animation:customDropdownFadeIn .15s cubic-bezier(.16,1,.3,1)}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-menu::-webkit-scrollbar{width:5px}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-menu::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:4px}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-menu .custom-dropdown-item{padding:11px 14px;font-family:Inter,sans-serif;font-size:15px;line-height:20px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease,color .15s ease}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-menu .custom-dropdown-item:hover{background-color:#fff2e5;color:tomato}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-form-group .custom-dropdown-container .custom-dropdown-menu .custom-dropdown-item.is-selected{background-color:#fff2e5;color:tomato;font-weight:500}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-submit-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:13px 16px;width:100%;height:50px;background:tomato;border:none;border-radius:8px;font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:22px;line-height:27px;text-align:center;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-top:8px}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-submit-btn:hover:not(:disabled){background-color:#e5533d}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-submit-btn:active:not(:disabled){transform:scale(.99)}.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-submit-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.tyi-volunteer-modal-overlay .tyi-volunteer-modal-card .modal-form .modal-submit-btn{font-size:18px;line-height:24px}}@keyframes tyiModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tyiModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}