.first-time-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(5,17,33,.6);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-image{max-width:100%;height:auto;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.first-time-modal-container{background:#384351;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:860px;width:100%;max-height:96vh;overflow-y:auto;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:1}.modal-close-btn:hover{background-color:#f3f4f6;color:#333}.modal-header{text-align:start;margin-bottom:10px;padding-inline:clamp(5px,1vw,12px)}.modal-header h2{font-size:clamp(22px,6px + 1.5vw,30px);font-family:EurostileExtended_Black;color:#EDF46E;margin-top:0;line-height:1.3}.modal-header p{font-size:clamp(14px,8px + .5vw,18px);color:#FFFFFF;font-family:FranklinGothicATF_Light;margin:0}.first-time-modal-container .form-group label{color:#fff;font-family:FranklinGothicATF;font-size:clamp(14px,8px + .5vw,18px);margin-left:15px}.first-time-modal-container .form-group input{color:#fff;font-family:FranklinGothicATF;font-size:clamp(14px,8px + .5vw,18px);background:#596477;border:1px solid #596477}.first-time-modal-container .form-group input::placeholder{color:#fff}.modal-form{padding:0 px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input{padding:clamp(10px,1vw,12px) 14px;border:1px solid #d1d5db;border-radius:8px;font-size:clamp(14px,1vw,16px);transition:all .2s;outline:none}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-group input.validation-error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.field-error-message{color:#ef4444;font-size:13px;margin-top:4px}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-actions .btns{flex:1}.modal-skip-btn{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:8px;text-decoration:underline;transition:color .2s}.modal-skip-btn:hover{color:#374151}@media(max-width:1390px){.modal-image{max-height:200px}.first-time-modal-container{max-width:660px}}@media (max-width:640px){.first-time-modal-overlay{padding:16px}}