/* auth.css — shared by login.html and booking.html */
.auth-wrap{max-width:480px;margin:0 auto;padding:clamp(3rem,7vw,5rem) 1.5rem;text-align:center}
.auth-wrap h1{margin-bottom:1.6rem}
.auth-form{display:flex;flex-direction:column;gap:1rem;text-align:left}
.auth-form label{font-family:var(--sans);font-weight:600;font-size:.85rem;color:var(--ink)}
.auth-form input{padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-size:1rem;color:var(--ink);margin-top:.4rem}
.auth-form input:focus{outline:none;border-color:var(--blue)}
.auth-support{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center}
.auth-support h3{font-family:var(--sans);font-size:.85rem;color:var(--muted);margin-bottom:.4rem}
.auth-support a{color:var(--blue);font-weight:600}

.city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}
.city-grid a{display:block;padding:1.1rem 1.4rem;border:1.5px solid var(--line);border-radius:14px;color:var(--ink);font-weight:600;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}
.city-grid a:hover{border-color:var(--green-dk);background:var(--green-pale)}
@media(max-width:560px){.city-grid{grid-template-columns:1fr}.auth-support{grid-template-columns:1fr}}

.quiz-card{border:1px solid var(--line);border-radius:var(--radius);padding:2rem;margin-top:2rem;text-align:left}
.quiz-card p{font-family:var(--serif);color:var(--gold);font-size:1.3rem;font-weight:600;margin-bottom:1.2rem}
.quiz-choices{display:flex;gap:1rem}
.quiz-choices button{flex:1;padding:.9rem;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-weight:600;font-size:1rem;color:var(--ink);cursor:pointer;transition:border-color .2s ease}
.quiz-choices button:hover{border-color:var(--blue);color:var(--blue)}
.quiz-note{font-size:.85rem;color:var(--muted);margin-top:1.5rem}