@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--navy:#142a57;--gold:#b59a63;--bg:#f7f5f0;--text:#263047;--line:#e3ded2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Arial,sans-serif}
.language-page,.thankyou{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}
.brand{text-align:center;margin-bottom:20px}.logo-mark{font-family:Georgia,serif;font-size:52px;line-height:1;color:var(--navy);letter-spacing:3px}.hotel-name{font-family:Georgia,serif;letter-spacing:10px;color:#7f776f;margin-left:10px}
.language-card,.success-card{width:min(560px,100%);background:white;border:1px solid var(--line);border-radius:18px;padding:38px 28px;text-align:center;box-shadow:0 12px 35px rgba(20,42,87,.08)}
.language-card h1{color:var(--navy);margin:0 0 5px;font-size:28px}.language-card p{margin:0;color:#777;font-family:Georgia,serif;font-size:19px}.divider{width:70px;height:2px;background:var(--gold);margin:22px auto}.language-card h2{font-size:19px;margin:10px 0 4px}.language-card h3{font-size:15px;font-weight:400;color:#777;margin:0 0 25px}
.language-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lang-btn,.submit-btn{display:block;text-decoration:none;border:0;border-radius:10px;padding:15px;font-size:17px;font-weight:600;cursor:pointer}.fa-btn{background:var(--navy);color:#fff}.en-btn{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.footer{margin-top:20px;color:#999;font-size:12px}
.survey-wrap{max-width:1000px;margin:auto;padding:25px 16px 50px}.survey-header{background:#fff;border-radius:18px;padding:22px;margin-bottom:18px;border:1px solid var(--line);display:flex;gap:22px;align-items:center}.survey-header .brand{margin:0;min-width:130px}.brand.small .logo-mark{font-size:40px}.brand.small .hotel-name{font-size:12px}.survey-header h1{margin:0;color:var(--navy);font-size:27px}.survey-header p{margin:7px 0 0;color:#707070;line-height:1.9}
.survey-form{display:block}.section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px}.section-title{font-size:21px;font-weight:700;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:10px;margin-bottom:18px}.question{padding:15px 0;border-bottom:1px solid #eee}.question:last-child{border-bottom:0}.qtext{font-weight:600;line-height:1.8;margin-bottom:12px}.rating{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating label{position:relative}.rating input{position:absolute;opacity:0}.rating span{display:block;border:1px solid #d9d5cc;border-radius:9px;text-align:center;padding:10px 4px;cursor:pointer;background:#fff}.rating input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checks label{border:1px solid #e3ded2;padding:10px;border-radius:8px;cursor:pointer;background:#fff}.checks input{accent-color:var(--navy)}
input[type=text],textarea{width:100%;border:1px solid #d9d5cc;border-radius:9px;padding:12px;font:inherit;margin-top:12px;background:#fff}textarea{resize:vertical}.submit-btn{width:100%;background:var(--navy);color:#fff;text-align:center;margin-top:5px}.back-link{display:block;text-align:center;margin:18px;color:var(--navy);text-decoration:none}
.success-card{max-width:560px}.check{width:64px;height:64px;border-radius:50%;background:#e9f2e9;color:#2f7a45;font-size:40px;line-height:64px;margin:0 auto 15px}.success-card h1{color:var(--navy)}
@media(max-width:700px){.language-buttons{grid-template-columns:1fr}.survey-header{flex-direction:column;text-align:center}.rating{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:1fr}.survey-wrap{padding:12px 9px 35px}.section{padding:16px}.survey-header h1{font-size:23px}}
