:root{--sun:#ffc23c;--sun-d:#f5a623;--orange:#ff7a2f;--orange-d:#ea5e15;--sea:#13a9b8;--sea-d:#0e7c88;--deep:#0b333c;--ink:#123138;--sand:#fff7ea;--sand2:#fdeed4;--line:#efe3cf;--muted:#5c6b6e;}
*{box-sizing:border-box;}html{scroll-behavior:smooth;}
body{margin:0;font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px;}
.eyebrow{display:inline-block;font-weight:800;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;color:var(--orange-d);margin-bottom:10px;}
.eyebrow.sun{color:var(--sun);}
h2.sec{font-size:clamp(26px,3.6vw,40px);font-weight:900;letter-spacing:-.5px;margin:2px 0 12px;line-height:1.08;}
.lead{font-size:17px;color:var(--muted);max-width:640px;margin:0 auto;}.lead.light{color:#cfe1e4;}.lead.nomax{max-width:none;margin:0 0 4px;}
.center-tx{text-align:center;}section{padding:72px 0;}.narrow{max-width:820px;}
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:13px;font-weight:800;font-size:15.5px;border:0;cursor:pointer;transition:transform .12s;}
.btn:hover{transform:translateY(-2px);}
.btn-o{background:linear-gradient(135deg,var(--orange),var(--orange-d));color:#fff;box-shadow:0 12px 26px rgba(234,94,21,.34);}
.btn-s{background:var(--sun);color:#3a2600;box-shadow:0 12px 26px rgba(245,166,35,.32);}
.btn-wa{background:#25d366;color:#fff;}.btn-gh{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);}
.hero{position:relative;color:#fff;min-height:600px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:#0b2a30 center/cover no-repeat;background-image:url("/assets/img/zypern-hero.jpg");}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,32,38,.86) 0%,rgba(6,32,38,.58) 42%,rgba(6,32,38,.10) 70%,rgba(255,138,47,.20) 100%);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:16px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:19px;color:#fff;}
.brand .mk{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--sun),var(--orange));font-size:18px;}
.brand small{display:block;font-weight:600;font-size:10.5px;opacity:.85;letter-spacing:1.4px;text-transform:uppercase;}
.langs{display:flex;gap:7px;}
.lgb{position:relative;width:48px;height:32px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 8px rgba(0,0,0,.28);opacity:.72;transition:opacity .12s,transform .12s;display:block;}
.lgb:hover{opacity:1;transform:translateY(-1px);}.lgb.active{opacity:1;border-color:#fff;}
.lgb svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
.lgb .lc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.95);}
.hero-in{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 0 40px;max-width:760px;}
.flags{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.flag{width:56px;height:38px;border-radius:5px;box-shadow:0 6px 14px rgba(0,0,0,.32);overflow:hidden;border:2px solid rgba(255,255,255,.92);}
.flag svg{width:100%;height:100%;display:block;}
.hpill{display:inline-flex;align-self:flex-start;background:var(--sun);color:#3a2600;font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;padding:7px 13px;border-radius:999px;}
.hero h1{font-size:clamp(34px,5.4vw,60px);line-height:1.03;margin:15px 0 8px;font-weight:900;letter-spacing:-.6px;text-transform:uppercase;text-shadow:0 4px 26px rgba(0,0,0,.5);}
.hero h1 .hl{color:var(--sun);}
.hsub{font-size:clamp(16px,2vw,20px);font-weight:500;max-width:600px;text-shadow:0 2px 12px rgba(0,0,0,.55);}
.hchips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 4px;}
.hchip{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);padding:8px 13px;border-radius:999px;font-size:13px;font-weight:600;}
.hctas{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px;}
.credit{position:absolute;right:10px;bottom:7px;font-size:10px;opacity:.6;}
.usps{background:var(--deep);color:#fff;}.usps .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
.usp{padding:22px 18px;display:flex;gap:12px;align-items:center;}.usp .ic{font-size:24px;}.usp b{display:block;font-size:15px;}.usp span{font-size:12.5px;opacity:.8;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;box-shadow:0 8px 20px rgba(11,51,60,.08);transition:transform .14s,box-shadow .14s;}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,51,60,.12);}
.card .ic{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,var(--sun),var(--orange));margin-bottom:14px;}
.card h3{font-size:19px;margin:0 0 7px;}.card p{margin:0;color:var(--muted);font-size:14.5px;}
.card.hot{border-color:var(--sun-d);box-shadow:0 14px 30px rgba(245,166,35,.18);}
.tagline{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--orange-d);}
.steps{background:var(--sand);}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;}
.step{background:#fff;border-radius:16px;padding:26px 22px;border:1px solid var(--line);}
.step .n{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-d));color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px;}
.step h3{font-size:17px;margin:0 0 6px;}.step p{margin:0;color:var(--muted);font-size:14px;}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px;}
.why{display:flex;gap:14px;align-items:flex-start;background:var(--sand);border-radius:14px;padding:20px;}
.why .ic{font-size:26px;}.why b{font-size:16.5px;}.why p{margin:4px 0 0;color:var(--muted);font-size:14px;}
.dest{background:var(--deep);color:#fff;}.cities{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px;}
.city{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:9px 16px;border-radius:999px;font-weight:600;font-size:14px;}
.contact{background:linear-gradient(180deg,var(--sand),#fff);}.cwrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;}
.chan{display:flex;flex-direction:column;gap:12px;margin-top:20px;}
.chan a{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 18px;font-weight:700;box-shadow:0 8px 20px rgba(11,51,60,.08);}
.chan a .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff;}
.ic-o{background:linear-gradient(135deg,var(--orange),var(--orange-d));}.ic-s{background:var(--sea-d);}.ic-w{background:#25d366;}
.chan a small{display:block;font-weight:500;color:var(--muted);font-size:12.5px;}
form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 40px rgba(11,51,60,.12);}
label{display:block;font-weight:700;font-size:13.5px;margin:12px 0 5px;}
input,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;font:inherit;background:var(--sand);}
input:focus,textarea:focus{outline:none;border-color:var(--sun-d);background:#fff;}
.hp{position:absolute;left:-9999px;}.fnote{font-size:12px;color:var(--muted);margin-top:10px;}
footer{background:var(--deep);color:#cfe1e4;padding:48px 0 26px;}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;}
footer h4{color:#fff;font-size:15px;margin:0 0 10px;}
footer a{display:block;color:#cfe1e4;padding:3px 0;font-size:14px;opacity:.85;}footer a:hover{opacity:1;}
.fbrand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:18px;color:#fff;margin-bottom:8px;}
.fbrand .mk{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--sun),var(--orange));display:flex;align-items:center;justify-content:center;}
.ftag{opacity:.8;font-size:14px;max-width:340px;}
.fcities{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;}
.fcities h4{color:#fff;font-size:14px;margin:0 0 12px;letter-spacing:.3px;}
.fcity-cloud{display:flex;flex-wrap:wrap;gap:6px 7px;}
.fcity-cloud a{display:inline-block;color:#cfe1e4;font-size:12px;line-height:1.2;opacity:.72;padding:4px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;}
.fcity-cloud a:hover{opacity:1;border-color:var(--orange);color:#fff;}
.fbot{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:12.5px;opacity:.7;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.nav-r{display:flex;align-items:center;gap:14px;}
.nav-phone{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:7px 14px 7px 11px;border-radius:12px;color:#fff;font-weight:800;font-size:15px;backdrop-filter:blur(3px);}
.nav-phone:hover{background:rgba(255,255,255,.22);}
.nav-phone .np-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--sun),var(--orange));font-size:15px;}
.nav-phone .np-t{display:flex;flex-direction:column;line-height:1.05;}
.nav-phone .np-t small{font-weight:600;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;opacity:.8;}
.nav-phone.dark{color:var(--ink);background:var(--sand);border-color:var(--line);}
.nav-phone.dark .np-t small{opacity:.7;}
.faq{background:var(--sand);}
.faq .fq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-top:14px;}
.faq .fq h3{margin:0 0 6px;font-size:17px;}.faq .fq p{margin:0;color:var(--muted);font-size:14.5px;}
.topbar{background:var(--deep);}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;}
.topbar .brand{color:#fff;}
.legal{padding:48px 0 60px;}.legal h1{font-size:clamp(28px,4vw,40px);margin:0 0 18px;}
.legal h2{font-size:20px;margin:26px 0 8px;}.legal p{color:#33474c;max-width:760px;}
.legal a{color:var(--orange-d);}
.nav-link{color:var(--ink);font-weight:800;font-size:15px;padding:8px 6px;}
.nav-link.light{color:#fff;}
.topbar .nav-link{color:#fff;}
.article{padding:44px 0 60px;}
.article h1{font-size:clamp(26px,3.6vw,40px);line-height:1.1;margin:6px 0 12px;}
.article h2{font-size:21px;margin:28px 0 10px;}
.article p{color:#2c4247;max-width:760px;}
.article ul{color:#2c4247;max-width:760px;padding-left:20px;}.article li{margin:6px 0;}
.crumb{font-size:13px;color:var(--muted);}.crumb a{color:var(--orange-d);font-weight:700;}
.blogcta{margin:26px 0 0;}.blogcta a{display:inline-block;background:linear-gradient(135deg,var(--orange),var(--orange-d));color:#fff;font-weight:800;padding:14px 22px;border-radius:13px;box-shadow:0 12px 26px rgba(234,94,21,.34);}
.bloglist{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px;}
.bcard{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 20px rgba(11,51,60,.08);transition:transform .14s,box-shadow .14s;}
.bcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,51,60,.12);}
.bcard .bdate{font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--orange-d);text-transform:uppercase;}
.bcard h3{margin:8px 0 6px;font-size:18px;}.bcard p{margin:0;color:var(--muted);font-size:14px;}
@media(max-width:700px){.bloglist{grid-template-columns:1fr;}}
@media(max-width:900px){.grid3,.grid4,.why-grid,.cwrap,.fcols,.usps .wrap{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.nav-phone .np-t small{display:none;}}
@media(max-width:600px){.grid3,.grid4,.why-grid,.cwrap,.fcols,.usps .wrap{grid-template-columns:1fr;}section{padding:52px 0;}}