:root{color-scheme:dark;--bg:#09130e;--surface:#101c15;--line:#2a392d;--muted:#abb7ad;--lime:#b1e64d;--white:#f5f7f3;font-family:'Tajawal',Arial,sans-serif;background:var(--bg);color:var(--white)}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 50% 0%,#17291b 0%,transparent 56%);min-height:100svh}main{max-width:1090px;margin:auto;padding:38px 30px 22px}header{text-align:center}.brand{display:inline-flex;align-items:center;gap:14px;line-height:1}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border:2px solid var(--lime);border-radius:10px;transform:rotate(14deg);color:var(--lime);font:700 26px/1 Arial,sans-serif}.brand-name{font-size:30px;font-weight:800}.brand-name small{display:block;font-size:12px;letter-spacing:5px;margin-top:8px;color:var(--lime);padding-left:5px}.intro{margin:30px 0 28px}.eyebrow{font:500 11px/1.5 Arial,sans-serif;letter-spacing:3px;color:#8fa28d}h1{font-size:clamp(32px,4vw,48px);line-height:1.3;letter-spacing:-.8px;margin:9px 0 7px;font-weight:800}h1>span{color:var(--lime)}.intro p{font-size:17px;margin:0;line-height:1.7;color:var(--muted)}.destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.destination{display:block;text-decoration:none;color:inherit;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .25s,border-color .25s,box-shadow .25s}.destination:hover{transform:translateY(-4px);border-color:#82a947;box-shadow:0 15px 45px #0003}.destination:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.window-bar{direction:ltr;height:37px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#152119;font:11px/1.4 Arial,sans-serif;color:#a0afa3;border-bottom:1px solid var(--line);gap:12px}.window-dots{display:flex;gap:4px}.window-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#566451}.tiny-mark{font-weight:700;color:var(--lime);font-size:13px}.preview{position:relative;aspect-ratio:1265/712;overflow:hidden;background:#0c1710;border-bottom:1px solid var(--line)}.preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.destination:hover .preview img{transform:scale(1.025)}.preview-open{position:absolute;bottom:12px;left:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #84967477;border-radius:50%;background:#0a170edf;color:var(--lime);font:22px/1 Arial}.card-body{padding:22px 24px 24px}.category{display:flex;align-items:center;justify-content:space-between;color:var(--lime);font-size:13px;gap:10px}.category [lang=en]{direction:ltr;font:10px/1.5 Arial,sans-serif;letter-spacing:1.4px;color:#859981}h2{font-size:25px;line-height:1.4;margin:11px 0 7px;font-weight:800}.card-body p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 22px}.visit{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:16px;font-weight:700}.visit>span{display:grid;place-items:center;border-radius:50%;height:34px;width:34px;background:var(--lime);color:#0b150b;font:24px/1 Arial;transition:transform .25s}.destination:hover .visit>span{transform:translate(-2px,-2px)}footer{display:flex;justify-content:center;align-items:center;gap:17px;margin:29px 0 0;color:#8b9b8e;font-size:13px;line-height:1.6}footer>span:first-child{color:#b8c4b8}.footer-line{width:26px;height:1px;background:#3c513e}
@media(min-width:1600px){main{padding-top:65px}.intro{margin-top:36px;margin-bottom:35px}}
@media(max-width:640px){main{padding:27px 18px 20px;max-width:460px}.brand-mark{width:34px;height:34px;font-size:23px;border-radius:9px}.brand-name{font-size:27px}.brand-name small{font-size:10px}.intro{margin:23px 0 22px}.eyebrow{font-size:10px;letter-spacing:2.1px}h1{font-size:35px;margin-top:7px}.intro p{font-size:16px}.destinations{grid-template-columns:1fr;gap:18px}.window-bar{height:30px;padding:0 12px;font-size:10px}.preview{aspect-ratio:2.4}.preview img{object-fit:cover;object-position:top}.card-body{padding:16px 18px 18px}h2{font-size:23px;margin:7px 0 5px}.category{font-size:12px}.card-body p{font-size:16px;margin-bottom:13px}.visit{padding-top:12px}.visit>span{width:30px;height:30px;font-size:21px}footer{margin-top:23px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
.destination{display:flex;flex-direction:column}.card-body{display:flex;flex:1;flex-direction:column}.visit{margin-top:auto}