/* style.css */
:root{
  --sky:#e6f7ff;
  --accent:#29a8ff;
  --bg:white;
  --text:#173244;
}
*{box-sizing:border-box}
body{font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background:var(--bg); color:var(--text); margin:0; padding:0;}
.header{background:linear-gradient(90deg,var(--bg),var(--sky)); padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid rgba(0,0,0,0.04);}
.logo{font-weight:700; font-size:20px;}
.nav{display:flex; gap:12px;}
.btn{background:var(--accent); color:white; padding:8px 12px; border-radius:10px; border:none; cursor:pointer;}
.container{max-width:1100px; margin:20px auto; padding:12px;}
.hero{display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap;}
.card{background:white; border-radius:12px; padding:16px; box-shadow:0 6px 18px rgba(16,32,40,0.06); flex:1 1 320px;}
.chat{height:420px; display:flex; flex-direction:column;}
.messages{flex:1; overflow:auto; padding:12px; border:1px solid #eef6ff; border-radius:10px; background:linear-gradient(180deg,#fbfeff,#ffffff);}
.inputRow{display:flex; gap:8px; margin-top:10px;}
.inputRow input{flex:1; padding:10px; border-radius:8px; border:1px solid #dfefff;}
.small{font-size:13px; color:#6b7b86;}
.footer{margin-top:12px; display:flex; justify-content:space-between; align-items:center;}
.langToggle{padding:6px 10px; border-radius:8px; border:1px solid #dfefff; background:white;}
.whatsapp{position:fixed; right:18px; bottom:18px; background:#25D366; color:white; border-radius:50%; width:56px; height:56px; display:flex; align-items:center; justify-content:center; text-decoration:none; box-shadow:0 10px 30px rgba(0,0,0,0.15); font-weight:700;}
.adminLink{font-size:13px; color:var(--accent); text-decoration:none;}
@media(max-width:800px){
  .hero{flex-direction:column;}
}