:root{--bg:#0b2942;--panel:#123a5e;--accent:#2fb8a6;--text:#eaf2f6;--muted:#9fb6c6;}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);}
header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c4a72;}
header .brand{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:8px;}
header .brand img{width:28px;height:28px;border-radius:6px;}
nav a{color:var(--muted);text-decoration:none;margin-left:14px;font-size:.9rem;}
nav a.active{color:var(--accent);font-weight:700;}
select{background:var(--panel);color:var(--text);border:1px solid #1c4a72;border-radius:8px;padding:6px 8px;}
main{max-width:640px;margin:0 auto;padding:20px;}
.tagline{color:var(--muted);font-size:.85rem;margin-top:-8px;}
.card{background:var(--panel);border-radius:14px;padding:16px 18px;margin-bottom:16px;}
.row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #1c4a72;font-size:.92rem;}
.row:last-child{border-bottom:none;}
.row.total{font-weight:700;color:var(--accent);font-size:1.05rem;}
h1{font-size:1.3rem;margin:0 0 4px;}
.muted{color:var(--muted);font-size:.85rem;}
.btn{display:inline-block;background:var(--accent);color:#04241f;font-weight:700;border:none;border-radius:10px;padding:10px 16px;text-decoration:none;font-size:.9rem;}
.install{margin-top:24px;text-align:center;color:var(--muted);font-size:.8rem;}
.cards{display:flex;flex-direction:column;gap:12px;}
.car-card{display:block;background:var(--panel);border-radius:14px;padding:14px 18px;text-decoration:none;color:var(--text);}
.car-card:hover{outline:1px solid var(--accent);}
.car-card h3{margin:0 0 4px;font-size:1.05rem;}
.car-card .price{color:var(--accent);font-weight:700;}
.badge{display:inline-block;font-size:.7rem;color:var(--muted);border:1px solid #1c4a72;border-radius:6px;padding:1px 6px;margin-left:6px;}
label{display:block;margin:10px 0 4px;font-size:.85rem;color:var(--muted);}
input[type=text],input[type=number],textarea{width:100%;background:#0f3350;color:var(--text);border:1px solid #1c4a72;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:.92rem;}
textarea{min-height:90px;resize:vertical;}
form.stack{margin-top:6px;}
.submit-btn{margin-top:16px;width:100%;background:var(--accent);color:#04241f;font-weight:700;border:none;border-radius:10px;padding:11px;font-size:.95rem;}
.errors{background:#4a1c2a;border:1px solid #a6425f;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.85rem;}

/* layout utilities (kept out of inline style="" attributes for CSP) */
.header-right{display:flex;align-items:center;}
.lang-form{margin-left:14px;}
.mb-10{margin-bottom:10px;}
.mt-16-center{text-align:center;margin-top:16px;}
.mt-20-center{text-align:center;margin-top:20px;}
.center{text-align:center;}
.card-subtitle{margin-top:0;font-size:1.05rem;}

/* chat */
.chat-title{font-size:1.1rem;}
.chat-card{padding:8px 12px;}
.msg-row{margin:10px 0;}
.msg-row.buyer{text-align:right;}
.msg-bubble{display:inline-block;max-width:80%;border-radius:12px;padding:8px 12px;text-align:left;}
.msg-bubble.buyer{background:#1c4a72;}
.msg-bubble.seller{background:#0f3350;}
.msg-note{font-size:.72rem;margin-top:3px;}
.chat-input-row{display:flex;gap:8px;}
.chat-input{flex:1;border-radius:10px;border:1px solid #1c4a72;background:#123a5e;color:#9fb6c6;padding:10px;}

/* honeypot field — hidden from real users, left empty; bots that fill every input trip it */
.hp-field{position:absolute;left:-9999px;top:-9999px;}

/* error page */
.error-page{text-align:center;padding:60px 20px;}
.error-page .code{font-size:3rem;font-weight:700;color:var(--accent);}