:root { --primary:#172a9a; --primary-dark:#07145f; --accent:#0b7285; --gold:#c59b30; --ink:#172033; --muted:#64748b; --soft:#f4f7fc; --line:#e5e7eb; --shadow:0 18px 46px rgba(15,23,42,.09); --shadow-soft:0 10px 26px rgba(15,23,42,.06); }
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 0,rgba(23,42,154,.08),transparent 30rem),linear-gradient(180deg,#fff 0,#f6f8fc 42%,#fff 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
a:hover{color:var(--primary)}
img{max-width:100%;display:block;object-fit:cover}
.container{max-width:1180px}
.navbar{min-height:76px;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(229,231,235,.9);box-shadow:0 8px 28px rgba(15,23,42,.07);z-index:1000;backdrop-filter:blur(14px)}
.navbar-brand img{max-width:210px;max-height:44px;object-fit:contain}
.navbar .nav-link{color:#263044;font-size:14px;font-weight:750;letter-spacing:0;padding:10px 13px;margin:0 1px;border-radius:999px}
.navbar .nav-link:hover{color:var(--primary);background:rgba(23,42,154,.08)}
.navbar-toggler{border:1px solid #e5e7eb;background:#fff;border-radius:10px}
.navbar-toggler .fa-bars:before{content:"";display:block;width:18px;height:2px;margin:9px auto;background:#111827;box-shadow:0 6px 0 #111827,0 -6px 0 #111827}
.navbar-toggler-1{display:none;margin:8px 10px}
.search-link img{width:20px;height:20px;object-fit:contain}
.top-ad{min-height:82px;margin-top:76px;padding:16px 12px;background:linear-gradient(180deg,#f4f7ff,#fff);display:grid;place-items:center;border-bottom:1px solid rgba(229,231,235,.78)}
.smaatoad{min-width:320px;min-height:50px;display:grid;place-items:center}
.site-intro{padding:34px 0 6px}
.site-intro .container{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:26px;align-items:center}
.intro-copy{padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft)}
.intro-copy span,.section-title span{display:inline-flex;margin-bottom:10px;color:var(--accent);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.intro-copy h2{max-width:760px;margin:0;color:var(--primary-dark);font-size:clamp(28px,4vw,44px);line-height:1.12;font-weight:880}
.intro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.intro-stats div{min-height:118px;padding:18px;border:1px solid rgba(23,42,154,.14);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}
.intro-stats strong{display:block;color:var(--primary);font-size:25px;line-height:1.1}
.intro-stats small{display:block;margin-top:8px;color:var(--muted);font-weight:700}
.about .container{max-width:1140px}
.hero-frame{height:370px;border:0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.hero-frame img{height:100%}
.hero-copy{padding:40px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.hero-copy h1{color:var(--primary-dark);font-size:40px;line-height:1.14;font-weight:880}
.hero-copy p{color:var(--muted);font-size:17px}
.text-limit-2,.text-limit-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.text-limit-2{-webkit-line-clamp:2}.text-limit-3{-webkit-line-clamp:3}
.btn-primary{background:linear-gradient(135deg,var(--primary),#0f3fa8);border-color:var(--primary);font-size:14px;font-weight:780;box-shadow:0 10px 18px rgba(23,42,154,.2)}
.btn-primary:hover{background:linear-gradient(135deg,#0f3fa8,var(--primary-dark));border-color:#0f3fa8;transform:translateY(-1px)}
.service{background:#f6f8fc!important}
.section-title h1,.section-title h2,.service h1,.destination h1,.blog h1{color:var(--primary-dark);font-size:36px;font-weight:880;line-height:1.15}
.section-title h1:after,.section-title h2:after{content:"";display:block;width:58px;height:3px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--gold))}
.service-content-inner{min-height:180px;margin-bottom:18px;gap:18px;border-color:var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.service-content-inner:hover{transform:translateY(-3px);border-color:rgba(23,42,154,.28)!important;box-shadow:var(--shadow)}
.service-content{flex:1}.service-content h5{font-weight:800;color:#111827}
.service-content p{color:var(--muted);font-size:14px}
.service-icon{width:148px;flex:0 0 148px}
.service-icon img{width:148px;height:128px;border-radius:12px}
.right .service-content-inner{padding-left:0!important;padding-right:1.5rem!important}
.destination-img{position:relative;height:260px;overflow:hidden;border-radius:18px;box-shadow:var(--shadow)}
.destination-img img{width:100%;height:100%}
.destination-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent,rgba(5,12,56,.78));opacity:1}
.destination-overlay h4{font-size:20px;font-weight:800}
.blog{background:linear-gradient(180deg,#f5f7fc,#fff)!important}
.blog-item{height:100%;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.blog-item:hover{transform:translateY(-3px);border-color:rgba(15,118,110,.26);box-shadow:var(--shadow)}
.blog-img img{height:210px}
.blog-content h4{min-height:58px;color:var(--primary-dark);font-size:19px;font-weight:850;line-height:1.35}
.blog-content p{color:var(--muted)}
.blog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.blog-actions p{max-width:48%;margin:0;color:var(--accent);font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-detail,.search-page{max-width:980px;padding-top:118px;padding-bottom:58px}
.detail-ad{margin-top:76px}
.article-detail h1{color:var(--primary-dark);font-size:42px;line-height:1.16;font-weight:880}
.article-meta{margin:12px 0 22px;color:var(--muted);font-size:14px;font-weight:650}
.article-cover{width:100%;max-height:440px;margin-bottom:28px;border-radius:18px;box-shadow:var(--shadow)}
.article-body{max-width:820px;color:#334155;font-size:18px;line-height:1.78}.article-body p{margin:16px 0}.article-body h2,.article-body h3{margin-top:30px;color:var(--primary-dark);line-height:1.3}.article-body img{height:auto;margin:22px auto;border-radius:14px}
.policy-page a{color:var(--primary);text-decoration:underline}
.search-box{max-width:680px;margin:0 auto 30px}.search-box input{width:100%;padding:15px 18px;border:1px solid var(--line);border-radius:14px;outline:none;font-size:16px;box-shadow:var(--shadow-soft)}
#HomeButtonFloatAd{height:70px;position:fixed;bottom:0;left:0;z-index:99999;width:100%;background:rgba(255,255,255,.98);box-shadow:0 -10px 28px rgba(15,23,42,.12)}
.float-ad-label{line-height:20px;text-align:center;background:#f1f1f1;color:#000;font-size:12px}
#HomeButtonFloatAd .smaatoad{width:100%;min-height:50px}
.footer{background:#060b28;padding:18px 0 100px;color:#dce5ff;line-height:24px}
.fp{text-align:center}.pt{height:30px;display:flex;justify-content:center}.pt p{margin:0 10px}.footer a{color:#fff;text-decoration:underline}
@media(max-width:991px){.navbar-toggler-1{display:inline-block}.navbar .nav-link{padding:10px 14px}.site-intro .container{grid-template-columns:1fr}.hero-frame{height:280px}.service-content-inner{text-align:left!important}.service-icon{width:110px;flex-basis:110px}.service-icon img{width:110px;height:100px}}
@media(max-width:640px){.navbar-brand img{max-height:34px}.top-ad{margin-top:66px}.site-intro{padding-top:22px}.intro-copy{padding:22px}.intro-stats{grid-template-columns:1fr}.intro-stats div{min-height:auto}.hero-frame{height:230px;border-radius:14px}.hero-copy{padding:22px;margin-top:14px}.hero-copy h1,.article-detail h1{font-size:29px}.section-title h1,.section-title h2,.service h1,.destination h1,.blog h1{font-size:29px}.service-content-inner{padding:14px!important}.service-icon{width:104px;flex-basis:104px}.service-icon img{width:104px;height:94px}.destination-img{height:220px}.blog-img img{height:180px}.blog-actions{align-items:flex-start;flex-direction:column}.blog-actions p{max-width:100%}.article-detail,.search-page{padding-top:96px}.article-body{font-size:16px;line-height:1.72}.pt{flex-wrap:wrap;height:auto}}