.form-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;width:100%}.register-contenant{position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;z-index:1;overflow:visible;color:#f5ece0;min-height:467px}.register-contenant:before{content:"";position:absolute;inset:0;background-image:url(/_next/static/media/skin.39294d1a.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;opacity:.3;z-index:-1}.register-background{display:flex;flex-direction:column;width:100%;max-width:460px}.form-title{color:var(--primary-color);font-size:2rem;text-align:center}.form-step{color:var(--white-color);font-size:1.5rem;font-weight:700;text-align:center}.form-error{color:#ffb3ad}.form-error,.form-success{font-size:1.3rem;text-align:center}.form-success{color:#b6ffca}.form-input,input,select{min-height:54px;padding:0 1rem;box-sizing:border-box;border-radius:10px;border:1px solid #e0c084;background-color:rgba(0,0,0,.25);color:#f5ece0;font-size:1.5rem;outline:none}.form-input,.select-wrapper,input,select{width:100%;max-width:400px}.form-input:focus,input:focus,select:focus{border-color:#f5d89a;box-shadow:0 0 0 2px rgba(224,192,132,.25)}.form-input::placeholder,input::placeholder{color:#e0c084;opacity:.9}input:not(:placeholder-shown){background-color:rgba(0,0,0,.25)}.password-help{width:100%;max-width:400px;color:#d8d8d8;font-size:1.2rem;line-height:1.4;margin:-.4rem 0 .5rem}.form-group{width:100%;max-width:400px;display:flex;flex-flow:column wrap;justify-content:center;align-items:flex-start;gap:.5rem;font-size:1.3rem}.form-group input[type=file]{padding:.8rem;height:auto;min-height:54px}.ville-wrapper{position:relative;width:100%;display:flex;justify-content:center}.form-checkbox{width:100%;max-width:400px;display:flex;align-items:center;gap:.8rem;color:#f5ece0;font-size:.8rem;line-height:1.4}.form-checkbox input{width:18px;height:18px;min-height:auto;padding:0;max-width:none;accent-color:#e0c084}.form-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.suggestions-list{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:220px;background-color:#171717;border:1px solid #e0c084;border-radius:10px;z-index:999;overflow-y:auto;padding:.4rem 0;margin:0;list-style:none;color:#f5ece0;box-shadow:0 8px 20px rgba(0,0,0,.35)}.suggestions-list li{padding:12px 14px;cursor:pointer;font-size:1.4rem}.suggestions-list li:hover{background-color:rgba(224,192,132,.18);color:#e0c084}.input-wrapper{position:relative;width:100%;max-width:400px}.input-wrapper input{width:100%;max-width:400px;padding-right:45px}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.eye-icon{width:22px;height:14px;border-radius:999px;border:2px solid #e0c084;position:relative;box-sizing:border-box}.eye-icon:before{left:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%)}.eye-closed:after,.eye-icon:before{content:"";position:absolute;top:50%;background:#e0c084}.eye-closed:after{left:-2px;right:-2px;height:2px;transform:translateY(-50%) rotate(35deg)}.modal-overlay{position:fixed;inset:0;background:rgb(0 0 0/70%);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;color:#222;padding:2.5rem 3rem;border-radius:12px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 20px rgb(0 0 0/30%)}.modal-content h3{margin-bottom:1rem;font-size:2rem}.modal-content p{margin-bottom:1rem;font-size:1.4rem}.btn-modal{background-color:#e0c084;color:#222;padding:.8rem 1.5rem;font-size:1.3rem;border:none;border-radius:8px;cursor:pointer}@media screen and (max-width:768px){.register-background{padding:1rem;gap:20px;max-width:100%}.form-title{font-size:1.6rem}.form-container{font-size:1rem}.form-checkbox,.form-group,.form-input,.input-wrapper,input,select{max-width:100%}}