@charset "UTF-8";html,body{overflow:visible !important}.signup-container{max-width:540px;margin:0 auto;border-radius:10px;background:#f1f1f1}.signup-form{padding:40px}.form-header{text-align:center;margin-bottom:40px}.form-subtitle{color:#333;font-size:18px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.form-group{position:relative;margin-bottom:5px}.form-group.full-width{grid-column:span 2}.form-label{display:block;color:#333;font-weight:600;margin-bottom:4px;font-size:14px;letter-spacing:0.25px}.form-input,select{width:100%;padding:10px 20px !important;border-radius:5px;transition:all 0.3s ease;height:40px !important}.form-input:focus{outline:none;border-color:#d4b962;box-shadow:0 0 0 3px rgba(212,185,98,0.15);transform:translateY(-1px)}.form-input:hover{border-color:#d4b962}.form-input::placeholder{color:#999;font-size:15px}.password-group{position:relative}.toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:4px;transition:color 0.3s ease}.toggle-password:hover{color:#d4b962}.submit-btn[disabled]{background:#ccc !important;cursor:not-allowed !important;opacity:0.6;pointer-events:none;box-shadow:none;transform:none}.submit-btn{width:100%;background:linear-gradient(135deg,#b39b4e 0%,#e5cd7e 100%);color:#fff;border:none;padding:18px 24px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.5px;margin-top:20px;position:relative;overflow:hidden}.submit-btn:hover{background:linear-gradient(135deg,#e5cd7e 0%,#b39b4e 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(125,125,125,0.5)}.submit-btn:active{transform:translateY(0)}.submit-btn:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.submit-btn:hover:before{left:100%}.form-footer{text-align:center;padding-top:30px}.form-footer p{color:#666;font-size:14px}.form-footer a{color:#000;text-decoration:none;font-weight:600;transition:color 0.3s ease}.form-footer a:hover{color:#fff;text-decoration:underline}@media (max-width:768px){.signup-container{padding:20px 15px}.signup-form{padding:30px 20px}.form-title{font-size:28px}.form-grid{grid-template-columns:1fr;gap:0}.form-group.full-width{grid-column:span 1}.form-input{padding:14px 16px;font-size:16px}.submit-btn{padding:16px 20px;font-size:15px}}@media (max-width:480px){.signup-form{padding:25px 15px}.form-title{font-size:24px}.form-subtitle{font-size:15px}.form-group{margin-bottom:16px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);display:none;justify-content:center;align-items:center;z-index:1000}.loading-overlay.show{display:flex}.spinner{width:50px;height:50px;border:4px solid #e5e5e5;border-top:4px solid #d4b962;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-left:20px;color:#000;font-size:16px;font-weight:600}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.form-input:focus-visible,.submit-btn:focus-visible,.toggle-password:focus-visible{outline:2px solid #d4b962;outline-offset:2px}.popup-bg{display:none;position:absolute;padding:0;margin:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.9);z-index:999}#popup-ok,#popup-digits,#popup-nok,#popup-Error,#popup-State{z-index:999999;margin:15% auto 0px auto;width:90%;border-radius:5px;padding:20px 40px;text-align:center;font-size:14px;color:#000;background:#fff;display:none}.popup-bg h2{color:#9d7900}.x-btn{color:#000;padding:0 8px;float:right;cursor:pointer;font-size:1.5em;position:relative;right:-40px;top:-20px}.error-message{color:#ff4d4f;font-size:13px;font-weight:500;margin-top:4px;margin-bottom:0;line-height:1.2}.error-message.hidden{display:none}.form-input.error-border,select.error-border{border:1px solid #ff4d4f !important;box-shadow:0 0 0 1px #ff4d4f}.form-input.error-border:focus,select.error-border:focus{border-color:#ff4d4f !important;box-shadow:0 0 0 3px rgba(255,77,79,0.3);transform:none}input[type="date"]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-appearance:none;appearance:none}