.form-container{display:flex;flex-direction:column;align-items:center;gap:5px;padding:1rem}.register-contenant{position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;z-index:1;overflow:hidden;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}.form-title{color:var(--primary-color);font-size:2rem;text-align:center}.form-step{font-size:1.5rem;font-weight:700;text-align:center}.form-error,.form-step{color:var(--white-color)}.form-group{display:flex;flex-flow:column wrap;justify-content:center;align-items:center}input,select{width:100%;max-width:400px;font-size:1.6rem;padding:.5rem;box-sizing:border-box;border-radius:8px;border:1px solid #e0c084;background-color:transparent;color:#e0c084}input::placeholder{color:#e0c084}.form-input::placeholder{color:#e0c084}.form-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.suggestions-list{position:absolute;top:100%;left:0;width:100%;max-height:200px;background-color:white;border:1px solid #ccc;border-top:none;z-index:999;overflow-y:auto;padding:0;margin:0;list-style:none;color:black}input:not(:placeholder-shown){background-color:transparent}.suggestions-list li{padding:10px;cursor:pointer}.suggestions-list li:hover{background-color:#f0f0f0}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding-right:40px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;cursor:pointer;color:#ccc}.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:white;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}.form-title{font-size:1.6rem}.form-container{font-size:1rem}}