
:root{--bg:#020617;--bg2:#08111f;--panel:rgba(255,255,255,.055);--panel2:rgba(255,255,255,.085);--stroke:rgba(255,255,255,.12);--text:#e5eefb;--soft:#a9b9ce;--muted:#7f90a8;--white:#fff;--gold:#e0b75f;--gold2:#c99a3b;--cyan:#22d3ee;--green:#34d399;--radius:28px;--container:1240px;--shadow:0 1px 0 rgba(255,255,255,.08) inset,0 20px 70px rgba(2,8,23,.42),0 0 0 1px rgba(255,255,255,.04);--shadow2:0 1px 0 rgba(255,255,255,.12) inset,0 30px 90px rgba(2,8,23,.56),0 0 40px rgba(201,154,59,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(34,211,238,.18),transparent 35%),radial-gradient(circle at -10% 40%,rgba(224,183,95,.15),transparent 32%),linear-gradient(135deg,#020617,#0f172a 52%,#08111f);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.section{padding:94px 0;position:relative}.section-header{text-align:center;max-width:880px;margin:0 auto 44px}.section-tag{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);box-shadow:var(--shadow);color:#eef7ff;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.section-tag i{color:var(--gold)}h1,h2,h3,h4{font-family:Poppins,Inter,sans-serif;margin:0;letter-spacing:-.026em}.section-header h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin-bottom:15px}.section-header p{color:var(--soft);line-height:1.9;font-size:1.05rem}.green-text{color:var(--green);text-shadow:0 0 25px rgba(52,211,153,.35)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:999px;font-weight:900;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:linear-gradient(135deg,#f5c766,#fff1b8,#c99a3b);color:#07111f;box-shadow:0 16px 40px rgba(224,183,95,.25)}.btn.secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:var(--shadow)}#preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#020617;transition:opacity .35s,visibility .35s}#preloader.hidden{opacity:0;visibility:hidden}.loader-wrapper{text-align:center;color:#fff;font-weight:900;letter-spacing:.18em}.loader-ring{width:74px;height:74px;border:4px solid rgba(255,255,255,.12);border-top-color:var(--gold);border-radius:50%;margin:auto auto 18px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold));z-index:9998}.header{position:sticky;top:0;z-index:1200;padding:14px 0}.navbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:84px;padding:14px 18px;border-radius:28px;background:rgba(8,17,31,.72);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.11);box-shadow:var(--shadow)}.logo{display:flex;align-items:center;gap:14px}.logo img{width:62px;height:62px;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.07);padding:8px;border:1px solid rgba(255,255,255,.12)}.logo strong{display:block;color:#fff;font-size:1.2rem;line-height:1}.logo small{display:block;color:#c8d6ea;margin-top:6px}.nav-menu{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.nav-menu a{padding:12px 13px;border-radius:999px;color:#dbe7f7;font-weight:800;font-size:.93rem;transition:.25s}.nav-menu a:hover{background:rgba(255,255,255,.07);color:#fff;box-shadow:0 0 30px rgba(34,211,238,.14)}.nav-cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#f5c766,#c99a3b);color:#07111f;font-weight:900}.menu-toggle{display:none;width:48px;height:48px;border:0;border-radius:16px;background:rgba(255,255,255,.07);color:#fff;font-size:1.2rem}.hero{min-height:calc(100vh - 112px);position:relative;padding:36px 0 54px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.88),rgba(2,8,23,.42),rgba(2,8,23,.92)),url('hero-bg.jpg') center/cover no-repeat;filter:saturate(1.05)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.62fr);gap:24px;align-items:stretch}.hero-content,.hero-panel{border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(224,183,95,.16);box-shadow:var(--shadow2);backdrop-filter:blur(20px);padding:clamp(28px,4vw,54px)}.hero-content{display:flex;flex-direction:column;justify-content:center;min-height:640px}.hero-badge,.hero-logo-row{display:inline-flex;align-items:center;gap:10px;width:fit-content;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:11px 16px;font-weight:900;color:#fff8df;box-shadow:var(--shadow);margin-bottom:18px}.hero-badge i{color:var(--gold)}.hero-logo-row{border-radius:24px}.hero-logo-row img{width:76px;height:76px;object-fit:contain;border-radius:18px}.hero-logo-row span{font-family:Poppins;font-weight:900;color:#fff}.hero h1{font-size:clamp(3rem,6.5vw,6.2rem);line-height:.95;color:#fff;max-width:11ch;text-shadow:0 5px 30px rgba(0,0,0,.45);margin-bottom:22px}.hero p{max-width:820px;line-height:1.9;color:#f7e7ce;font-size:1.08rem}.hero-actions,.hero-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-features span{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:800}.hero-features i{color:var(--gold)}.hero-panel{display:grid;gap:18px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quick-card,.trust-card,.about-card,.stat-box,.advantage-card,.contact-card,.tailoring-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.18);border-radius:24px;box-shadow:var(--shadow);padding:22px;transition:.3s}.quick-card:hover,.trust-card:hover,.about-card:hover,.stat-box:hover,.advantage-card:hover,.contact-card:hover,.tailoring-card:hover,.service-card:hover,.content-card:hover,.port-card:hover,.gallery-grid figure:hover{transform:translateY(-8px);box-shadow:var(--shadow2)}.quick-card i,.trust-card i,.about-card i,.advantage-card i,.tailoring-card>i{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(224,183,95,.18));font-size:1.2rem;color:#fff;margin-bottom:14px}.quick-card h3,.trust-card h3{font-size:1rem;color:#fff;margin-bottom:8px}.quick-card p,.trust-card p,.about-card p,.stat-box p,.advantage-card p,.tailoring-card p{color:var(--soft);line-height:1.7}.free-banner,.value-content,.tailoring-banner{padding:26px;border-radius:26px;background:linear-gradient(135deg,rgba(16,185,129,.28),rgba(6,95,70,.6),rgba(2,6,23,.88));border:1px solid rgba(52,211,153,.25);box-shadow:0 0 0 1px rgba(52,211,153,.14),0 0 50px rgba(16,185,129,.16),var(--shadow)}.free-banner span,.value-content span,.tailoring-banner span{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.13);font-weight:900;text-transform:uppercase;font-size:.78rem;margin-bottom:12px}.free-banner h2,.value-content h2,.tailoring-banner h3{font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1.12;color:#f0fff8;margin-bottom:10px}.credit-card,.credit-facility{padding:28px;border-radius:26px;background:linear-gradient(145deg,#07090e,#171b24,#07090e);border:1px solid rgba(224,183,95,.18);box-shadow:var(--shadow)}.credit-card span,.credit-facility span{color:var(--gold);font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-size:.8rem}.credit-card h2,.credit-facility h2{color:#fff6d7;margin:10px 0}.credit-card p,.credit-facility p{color:#d8c69b;line-height:1.8}.trust-strip{padding:34px 0 10px}.trust-grid,.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:stretch}.about-image{min-height:520px;border-radius:30px;background:linear-gradient(180deg,rgba(2,8,23,.05),rgba(2,8,23,.45)),url('hero-bg.jpg') center/cover no-repeat;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.about-content{display:grid;gap:16px}.about-card{display:flex;gap:16px;align-items:flex-start}.about-card i{flex:0 0 52px}.statistics-section,.value-banner{padding:48px 0}.stat-box{text-align:center}.counter{display:block;font-family:Poppins;font-size:3rem;font-weight:900;color:var(--gold);line-height:1}.stat-box h4{font-size:1.1rem;color:#fff;margin:8px 0}.services-grid,.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card,.content-card,.port-card,.gallery-grid figure{overflow:hidden;border-radius:28px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);transition:.3s}.service-card img,.content-card img{width:100%;height:230px;object-fit:cover}.service-card div,.content-card div,.port-content{padding:24px}.service-card i{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(224,183,95,.18));margin-bottom:15px;color:#fff;font-size:1.25rem}.service-card h3,.content-card h3,.port-content h3,.tailoring-card h3{font-size:1.5rem;color:#fff;margin-bottom:10px}.service-card p,.content-card p,.port-content p{color:var(--soft);line-height:1.8;margin-bottom:16px}.service-card li,.content-card li,.port-content li,.tailoring-card li{position:relative;padding-left:25px;color:#e9f3ff;line-height:1.7;margin:8px 0}.service-card li:before,.content-card li:before,.port-content li:before,.tailoring-card li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}.content-card strong{color:var(--green)}.credit-facility{display:flex;align-items:center;justify-content:space-between;gap:20px}.credit-facility>i{font-size:4rem;color:var(--gold)}.ports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.port-media img{width:100%;height:310px;object-fit:cover}.port-content .btn{margin-top:16px}.port-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.port-gallery img{height:190px;width:100%;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.tailoring-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.mini-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.mini-pills em{font-style:normal;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:800}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-grid figure{position:relative;margin:0}.gallery-grid img{width:100%;height:290px;object-fit:cover;transition:.55s}.gallery-grid figure:hover img{transform:scale(1.08)}.gallery-grid figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:13px 15px;border-radius:18px;background:rgba(2,8,23,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);font-weight:900}.quote-section{padding:80px 0}.quote-wrapper{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start;border-radius:32px;background:linear-gradient(135deg,rgba(34,211,238,.11),rgba(224,183,95,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);padding:34px}.quote-wrapper span{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.quote-wrapper h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:10px 0}.quote-wrapper p{color:var(--soft);line-height:1.8}.quote-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quote-form textarea{grid-column:1/-1}.quote-form input,.quote-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:16px;padding:15px 16px;color:#fff;font:inherit;outline:none}.quote-form button{grid-column:1/-1;min-height:54px;border:0;border-radius:999px;background:linear-gradient(135deg,#f5c766,#c99a3b);font-weight:900;color:#07111f;cursor:pointer}.contact-section{padding-bottom:96px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card h3{font-size:1.45rem;color:#fff;margin-bottom:18px}.contact-card a,.contact-card p{display:flex;align-items:flex-start;gap:12px;color:#e9f3ff;line-height:1.7;margin:13px 0;font-weight:700}.contact-card i{color:var(--gold);min-width:18px}.contact-highlights li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);margin:9px 0;color:#edf6ff}.contact-highlights li:before{content:'✓ ';color:var(--green);font-weight:900}.footer{padding:42px 0;background:rgba(2,8,23,.62)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:24px;border-radius:30px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);padding:30px}.footer img{width:82px;height:82px;object-fit:contain;border-radius:22px;background:rgba(255,255,255,.05);padding:9px;margin-bottom:14px}.footer h3,.footer h4{color:#fff;margin-bottom:12px}.footer p,.footer li,.footer a{color:var(--soft);line-height:1.9}.social-links{display:flex;gap:10px;margin-top:14px}.social-links a{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:20px;padding-top:18px;color:var(--soft)}.whatsapp-btn{position:fixed;right:20px;bottom:20px;z-index:1250;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#25D366,#10b981);color:#fff;font-size:1.9rem;box-shadow:0 12px 35px rgba(37,211,102,.35)}.marinetraffic-badge{position:fixed;right:22px;bottom:96px;width:58px;min-height:58px;display:grid;place-items:center;padding:5px;border-radius:10px;background:#fff;z-index:1250;box-shadow:0 10px 24px rgba(2,8,23,.3)}.marinetraffic-badge img{max-height:48px;object-fit:contain}#backToTop{position:fixed;left:20px;bottom:20px;z-index:1250;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.25s}#backToTop.show{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1120px){.navbar{grid-template-columns:auto auto;grid-template-areas:'logo toggle' 'nav nav' 'cta cta'}.logo{grid-area:logo}.menu-toggle{grid-area:toggle;display:block;justify-self:end}.nav-menu{grid-area:nav;display:none;flex-direction:column;align-items:stretch}.nav-menu.show{display:flex}.nav-menu a{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:16px}.nav-cta{grid-area:cta;width:100%}.hero-grid,.about-grid,.quote-wrapper{grid-template-columns:1fr}.hero-content{min-height:560px}.trust-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:min(100% - 22px,var(--container))}.section{padding:72px 0}.hero{padding:18px 0 38px}.hero-content,.hero-panel{padding:24px;border-radius:26px}.hero h1{font-size:clamp(2.45rem,15vw,4.2rem)}.hero-logo-row img{width:64px;height:64px}.quick-grid,.trust-grid,.stats-grid,.services-grid,.content-grid,.ports-grid,.tailoring-grid,.gallery-grid,.contact-grid,.footer-grid,.quote-form,.port-gallery{grid-template-columns:1fr}.port-gallery img,.gallery-grid img{height:235px}.about-image{min-height:330px}.credit-facility{align-items:flex-start;flex-direction:column}.quote-wrapper{padding:24px}.footer-bottom{flex-direction:column}.marinetraffic-badge{right:18px;bottom:88px;width:52px}.whatsapp-btn{width:58px;height:58px}}


/* === Hero layout correction: full-width one-column premium hero === */
.hero{
  min-height:100vh;
  padding:0;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background:
    linear-gradient(90deg, rgba(2,8,23,.88) 0%, rgba(2,8,23,.62) 42%, rgba(2,8,23,.18) 72%, rgba(2,8,23,.62) 100%),
    url('hero-bg.jpg') center center / cover no-repeat;
  background-size:cover;
  background-position:center center;
}
.hero .container{
  width:min(var(--container), calc(100% - 48px));
  position:relative;
  z-index:1;
}
.hero-grid{
  display:block;
  width:100%;
  position:relative;
  z-index:1;
}
.hero-content{
  width:min(980px, 100%);
  min-height:auto;
  margin:0;
  padding:clamp(34px, 6vw, 72px);
  border-radius:36px;
  background:linear-gradient(145deg, rgba(8,17,31,.70), rgba(8,17,31,.28));
  border:1px solid rgba(224,183,95,.18);
  box-shadow:var(--shadow2);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.hero h1{
  max-width:960px;
  font-size:clamp(3.25rem, 7vw, 7rem);
  line-height:.94;
  margin-bottom:24px;
  white-space:normal;
  overflow:visible;
  text-wrap:balance;
}
.hero p{
  max-width:820px;
  font-size:clamp(1.02rem, 1.7vw, 1.22rem);
}
.hero-panel{display:none!important;}
.trust-strip{
  padding:34px 0 16px;
  margin-top:0;
  position:relative;
  z-index:2;
}
.trust-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}
@media(max-width:1120px){
  .hero{min-height:90vh;padding:36px 0;}
  .hero-grid{display:block;}
  .hero-content{width:100%;}
  .trust-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media(max-width:760px){
  .hero{min-height:86vh;padding:28px 0;}
  .hero .container{width:min(100% - 22px, var(--container));}
  .hero-content{padding:24px;border-radius:26px;}
  .hero h1{font-size:clamp(2.65rem, 13vw, 4.4rem);}
  .hero-actions .btn{width:100%;}
  .trust-grid{grid-template-columns:1fr;}
}


/* === Final hero clean-overlay fix: text directly on hero-bg.jpg, no inner text box/layer === */
.hero-content{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  padding:clamp(28px, 6vw, 70px) 0!important;
  width:min(900px, 100%)!important;
}
.hero-logo-row,
.hero-badge{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding-left:0!important;
}
.hero h1,
.hero p{
  text-shadow:0 5px 26px rgba(0,0,0,.72), 0 1px 2px rgba(0,0,0,.55);
}
.hero-bg{
  background:
    linear-gradient(90deg, rgba(2,8,23,.78) 0%, rgba(2,8,23,.45) 38%, rgba(2,8,23,.10) 72%, rgba(2,8,23,.42) 100%),
    url('hero-bg.jpg') center center / cover no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
.hero-actions .btn,
.hero-features span{
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
.form-hp{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
  pointer-events:none!important;
  height:0!important;
  width:0!important;
  padding:0!important;
  border:0!important;
}
.quote-form input[name="vessel_name"],
.quote-form input[name="port"]{
  grid-column:auto;
}
.form-status{
  margin-top:16px;
  color:#34d399;
  font-weight:800;
  line-height:1.6;
}
@media(max-width:760px){
  .hero-content{padding:38px 0!important;}
  .hero-logo-row{display:none!important;}
  .quote-form input[name="vessel_name"],
  .quote-form input[name="port"]{grid-column:1/-1;}
}


/* === Strong Preloader Fix: CSS fallback + JS-compatible hidden state === */
#preloader {
  animation: ctgPreloaderAutoHide .45s ease 3.5s forwards;
}
#preloader.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  display: none !important;
}
@keyframes ctgPreloaderAutoHide {
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

/* === Telegram Two-Way Live Chat Widget === */
.tg-live-chat{position:fixed;right:20px;bottom:96px;z-index:1300;font-family:Inter,system-ui,sans-serif}.tg-chat-toggle{display:inline-flex;align-items:center;gap:9px;min-height:54px;padding:0 18px;border:0;border-radius:999px;cursor:pointer;color:#fff;font-weight:900;background:linear-gradient(135deg,#229ed9,#0ea5e9);box-shadow:0 14px 38px rgba(14,165,233,.35)}.tg-chat-toggle i{font-size:1.25rem}.tg-chat-box{position:absolute;right:0;bottom:68px;width:min(360px,calc(100vw - 32px));overflow:hidden;border-radius:24px;background:rgba(8,17,31,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 80px rgba(2,8,23,.58);backdrop-filter:blur(18px);transform:translateY(16px) scale(.96);opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease}.tg-chat-box.open{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.tg-chat-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:linear-gradient(135deg,rgba(34,158,217,.35),rgba(224,183,95,.12));border-bottom:1px solid rgba(255,255,255,.1)}.tg-chat-header strong{display:block;color:#fff;font-family:Poppins,Inter,sans-serif;font-size:1rem}.tg-chat-header small{display:block;color:#c8d6ea;margin-top:3px;font-weight:700}.tg-chat-header button{width:36px;height:36px;border:0;border-radius:12px;cursor:pointer;color:#fff;background:rgba(255,255,255,.1)}.tg-chat-messages{height:310px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.tg-msg{display:flex;max-width:88%}.tg-msg span{display:inline-block;padding:11px 13px;border-radius:16px;line-height:1.55;font-size:.93rem;word-break:break-word}.tg-msg.user{margin-left:auto;justify-content:flex-end}.tg-msg.user span{color:#07111f;background:linear-gradient(135deg,#f5c766,#c99a3b);border-bottom-right-radius:5px;font-weight:800}.tg-msg.bot{margin-right:auto;justify-content:flex-start}.tg-msg.bot span{color:#eaf6ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:5px}.tg-msg.system{max-width:100%;justify-content:center;margin:2px auto}.tg-msg.system span{color:#a9b9ce;font-size:.78rem;background:transparent;padding:3px}.tg-chat-form{display:grid;grid-template-columns:1fr 46px;gap:9px;padding:12px;border-top:1px solid rgba(255,255,255,.1)}.tg-chat-form input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:12px 14px;outline:none;font:inherit}.tg-chat-form input::placeholder{color:#94a3b8}.tg-chat-form button{border:0;border-radius:50%;cursor:pointer;color:#07111f;background:linear-gradient(135deg,#f5c766,#c99a3b);font-size:1rem}.tg-chat-note{padding:0 14px 12px;color:#7f90a8;font-size:.75rem;text-align:center}@media(max-width:760px){.tg-live-chat{right:16px;bottom:88px}.tg-chat-toggle span{display:none}.tg-chat-toggle{width:58px;height:58px;padding:0;justify-content:center}.tg-chat-box{right:-4px;width:calc(100vw - 24px)}}
