:root{--navy:#0b1a34;--gold:#c8a450;--grey:#6c757d;--light:#f8f9fa}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#222;background:#fff}
.bg-navy{background-color:var(--navy)!important}
.text-gold{color:var(--gold)!important}
.btn-gold{background:var(--gold);color:#0b1a34;border:none}
.btn-gold:hover{background:#b8933d;color:#0b1a34}
.page-offset{padding-top:70px}
.hero{background:linear-gradient(135deg,#0b1a34 0%,#162a50 60%,#0b1a34 100%);color:#fff;padding:110px 0}
.hero h1{font-weight:700;letter-spacing:.5px}
.hero p{color:#cbd3e3}
.hero.hero-small{padding:90px 0}
.section{padding:70px 0}
.footer-link{color:#cbd3e3;text-decoration:none}
.footer-link:hover{color:#fff}
.card-clean{border:none;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.service-card{border:none;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:22px;transition:transform .2s ease,box-shadow .2s ease;background:#fff}
.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.service-icon{height:48px;width:48px;border-radius:12px;background:rgba(200,164,80,.15);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:1.3rem}
.section-alt{background:var(--light)}
.cta-banner{background:linear-gradient(135deg,#0b1a34 0%,#162a50 60%,#0b1a34 100%);color:#fff;border-radius:16px;padding:28px}
.flag-list span{display:inline-block;background:#f1f3f5;color:#333;border-radius:20px;padding:8px 14px;margin:6px}
.form-control,.form-select{border-radius:10px}
.value-list{list-style:none;padding-left:0}
.value-list li{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.value-list li i{color:var(--gold);font-size:1.1rem;margin-top:3px}
.chat-fab{position:fixed;right:18px;bottom:18px;height:54px;width:54px;border-radius:50%;background:var(--gold);color:#0b1a34;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1040;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.chat-box{position:fixed;right:18px;bottom:80px;width:320px;max-height:430px;background:#fff;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.18);overflow:hidden;z-index:1040;display:none}
.chat-header{background:var(--navy);color:#fff;padding:10px 12px}
.chat-messages{height:260px;overflow:auto;padding:10px;background:#f5f7fb}
.chat-input{display:flex;padding:10px;background:#fff;border-top:1px solid #e5e7eb}
.chat-input input{flex:1;margin-right:8px}
.msg{max-width:80%;padding:8px 12px;border-radius:12px;margin:6px 0}
.msg.user{background:#e8f0ff;margin-left:auto}
.msg.admin{background:#fff;border:1px solid #e5e7eb}
.chat-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.chat-status-online{background:#28a745}
.chat-status-offline{background:#dc3545}
.chat-countdown{font-size:.875rem;color:#cbd3e3}
.chat-countdown-warning{color:#fd7e14}
.chat-countdown-danger{color:#dc3545;font-weight:600}
.country-card{border:none;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);background:#fff;padding:20px}
.country-card h4{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.client-chip{display:inline-block;padding:8px 12px;border-radius:20px;background:#f1f3f5;color:#333;margin:6px;border:1px solid #e5e7eb}
.client-list{list-style:none;padding-left:0;margin:0}
.client-list li{margin-bottom:8px}
.contact-card{border:none;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);background:#fff;padding:20px;height:100%}
.contact-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.contact-item i{color:var(--gold);font-size:1.2rem;margin-top:3px}
.input-with-icon{position:relative}
.input-with-icon i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d}
.input-with-icon input,.input-with-icon textarea{padding-left:38px}
.map-wrap{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.input-icon-wrap{position:relative}
.input-icon-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;transition:color .2s ease,transform .2s ease}
.input-icon-wrap input,.input-icon-wrap textarea,.input-icon-wrap select{padding-left:40px}
.input-icon-wrap:focus-within i{color:var(--gold);transform:translateY(-50%) scale(1.1)}
.input-icon-wrap:focus-within input,.input-icon-wrap:focus-within textarea{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(200,164,80,.25)}