.guest-layout{position:relative;background:url(https://www.voyageurserein.com/wp-content/uploads/2024/07/explorez-le-village-de-lagrasse-3A-une-escapade-medievale-envoutante-au-cC593ur-de-l26rsquo3Baude-scaled.jpg) 50% no-repeat;background-size:cover;z-index:10}.guest-layout:after{z-index:-1;content:" ";top:0;left:0;position:absolute;width:100%;height:100%;background-image:linear-gradient(transparent 23px,hsla(60,22%,82%,.4) 24px,transparent 0),linear-gradient(90deg,transparent 23px,hsla(60,22%,82%,.4) 24px,transparent 0);background-size:100% 24px,24px 100%}.guest-layout main{justify-content:center;height:100vh;padding:16px}.guest-layout main,.guest-layout main .wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.guest-layout main .wrapper{width:100%;max-width:600px}.guest-layout main .wrapper .border{width:100%;background:hsla(0,0%,100%,.6);padding:1px;border-radius:9px;box-shadow:0 48px 100px 0 #25a3c1}.guest-layout main .wrapper .border form{background:#fff;width:100%;border-radius:8px;display:flex;flex-direction:column}.guest-layout main .wrapper .border form h2{display:flex;border-bottom:1px solid #eaeaea;padding:16px;border-radius:8px 8px 0 0}.guest-layout main .wrapper .border form .elements{padding:16px;display:flex;flex-direction:column;gap:16px}.guest-layout a{color:#fff}.guest-layout a:hover{text-decoration:underline}.guest-layout button{background:#000;color:#fff;border-radius:8px;font-size:1em;padding:16px;cursor:pointer;border:none;position:relative;z-index:2}.guest-layout button:disabled{color:#ccc;background:gray;cursor:not-allowed}.guest-layout button:hover{background:#333}@media(max-width:700px){.guest-layout,.guest-layout:after{background:#fff}.guest-layout main{justify-content:flex-start}.guest-layout main .wrapper{max-width:inherit}.guest-layout main .wrapper .border{border-radius:0;padding:0;background-color:#fff;box-shadow:none}.guest-layout main .wrapper .border form{padding:0}.guest-layout a{color:#000}}