.tr-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);display:none;justify-content:center;align-items:center;z-index:999999;overflow:auto;font-family:'Inter',sans-serif}
.tr-modal-overlay.active{display:flex}
.notify-form-modal{width:764px !important;padding:24px !important;gap:16px !important}
.notify-form-modal .tr-modal-subtitle{padding:0}
.tr-modal{position:relative;width:509px;background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;gap:20px;max-height:90vh}
.tr-modal-close{position:absolute;top:20px;right:20px;border:0;background:0;font-size:22px;cursor:pointer}
.tr-modal-icon{width:72px;min-height:72px;background:rgba(170,199,186,0.18);border-radius:14px;display:flex;justify-content:center;align-items:center}
.tr-modal-title{font-size:20px;font-weight:600 !important;margin:0;text-align:center;font-family:'Inter' !important}
.tr-modal-subtitle{font-size:16px;font-weight:500;color:#4d4d4d;text-align:center;margin:0;font-family:'InterDisplay' !important;line-height:125%;padding:0 30px 16px}
.tr-city-dropdown{width:100%;display:flex;flex-direction:column;gap:8px}
.tr-city-dropdown label{font-size:12px;color:#0f1010;font-family:'InterDisplay';font-weight:400}
.tr-select-wrapper{display:flex;position:relative}
.tr-select-wrapper .select-icon{position:absolute;right:12px;transition:transform .3s ease;pointer-events:none;bottom:10px}
.tr-select-wrapper.active .select-icon{transform:rotate(180deg)}
.tr-select-wrapper select{width:100%;border:0;border-bottom:1px solid #bdbdbd;padding:8px 40px 8px 0;font-size:14px;outline:0;appearance:none;background:transparent;cursor:pointer;color:black}
.tr-modal-actions{width:100%;display:flex;gap:32px;margin-top:16px}
.tr-modal-actions button{flex:1;height:56px;border-radius:8px;font-weight:800;font-size:16px;cursor:pointer;font-family:'Inter' !important;align-items:center;justify-content:center}
.proceed-select-city{flex:1;height:56px;border-radius:8px;font-weight:800;font-size:16px;cursor:pointer;font-family:'Inter' !important;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:10px}
.btn-outline{background:#fff;border:1px solid #05a8a3;color:#05a8a3}
.btn-primary{background:#05a8a3;color:#000;border:0}
.tr-notify-form{width:100%;margin-left:10px;margin-right:10px}
.tr-form-field{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}
.tr-form-label{font-size:14px;color:#0f1010;font-family:'InterDisplay',sans-serif;font-weight:400}
.tr-form-input{border:0;border-bottom:1px solid #bdbdbd;background:transparent;font-size:16px;line-height:40px;font-family:"Guardian Sans",sans-serif;outline:0;color:#0f1010;transition:border-color .2s;width:100%;&::placeholder{font-family:"Guardian Sans",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:20px;letter-spacing:0;color:#0f1010}
}
.floating-group{position:relative;width:100%}
.floating-label{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:14px;line-height:20px;color:#666;font-family:'Inter';font-weight:400;pointer-events:none;transition:transform .2s ease,font-size .2s ease,color .2s ease,top .2s ease}
.tr-form-input:focus+.floating-label,.tr-form-input:not(:placeholder-shown)+.floating-label{top:0;transform:translateY(-100%);font-size:12px;color:#0f1010}
.tr-form-container{display:flex;flex-direction:row;gap:32px;margin-bottom:32px;margin-top:16px}
.tr-form-right{width:50%;display:flex;flex-direction:column;gap:32px}
.tr-form-left{width:50%;display:flex;flex-direction:column;gap:32px}
.validation{display:none;color:#ff6161}
.tr-otp-container{display:flex;justify-content:space-between;gap:15px;margin:16px 0 24px}
.otp-input{width:100%;height:50px;font-size:20px;text-align:center;border:0;border-bottom:1px solid #219653;outline:0;transition:.2s;background:transparent;color:#000;font-weight:600}
.otp-input:focus{border-bottom-color:#00a7a0}
.otp-input::placeholder{color:#000;font-size:16px;font-weight:400}
.tr-resend-info{text-align:left;font-size:16px;color:#000;margin:24px 0 32px;line-height:1.4;font-weight:400}
.tr-resend-info a{color:#727272;text-decoration:none;font-weight:400}
.tr-resend-info span{font-weight:400;color:#000}
.tr-city-privacy-policy{align-self:flex-start}
.tr-other-city-alert{align-self:flex-start;display:none;padding:8px 12px;gap:8px;background:rgba(214,69,69,0.1);border-radius:12px;width:100%}
.tr-other-city-alert.active{display:flex}
.tr-other-city-alert-icon{display:flex;align-items:center;justify-content:center}
.tr-other-city-alert-text{font-family:'Inter';font-style:normal;font-weight:500;font-size:12px}
.tr-modal-disclaimer{margin-bottom:40px;font-size:14px;font-family:Inter;font-weight:400;font-style:Regular;font-size:14px;line-height:100%;letter-spacing:0}
.tr-future-content b{font-family:'FlyingFlea-Bold';font-weight:700;font-style:Bold;font-size:18px;line-height:100%;letter-spacing:0}
.tr-future-content p{font-family:Inter;font-weight:400;font-size:14px;line-height:16px;letter-spacing:0}
.tr-future-option{display:flex;flex-direction:row;gap:20px;margin-top:16px}
.ff-club-modal__checkbox-text p{font-family:Inter;font-weight:300;font-size:14px;line-height:125%;letter-spacing:0}
.ff-club-modal__checkbox-text a{font-family:Inter;font-weight:600;font-size:14px;line-height:100%;letter-spacing:0}
.tr-future-content{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}
.tr-future-option-title,.tr-future-option-title b{font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;vertical-align:middle;color:#333;font-family:'Inter'}
.city-select-btn{display:none}
.city-select-btn.active{display:flex}
@media(max-width:768px){.tr-modal{margin:0 24px;gap:12px}
.tr-modal-disclaimer{margin-bottom:24px}
.tr-future-option{flex-direction:column}
.tr-future-content{margin-bottom:16px}
.tr-modal-icon{width:48px;height:48px;min-height:48px}
.tr-modal-icon svg{height:24px}
.tr-modal-title{font-size:18px}
.tr-modal-subtitle{font-size:14px;padding:0 10px 16px;line-height:120%}
.tr-modal-actions button{height:48px;min-height:48px}
.tr-modal-actions{gap:24px;flex-direction:column}
.tr-form-container{flex-direction:column;margin-bottom:24px}
.tr-form-right,.tr-form-left{width:100%}
.tr-resend-info{font-size:14px;margin:24px 0 24px}
}