:root {
  --sand: #C9A84C;
  --sand-light: #D9C97A;
  --terracotta: #1A7A5C;
  --deep-blue: #0C2340;
  --midnight: #071526;
  --cream: #F7F6F2;
  --white: #FFFFFF;
  --text-dark: #0E1A2B;
  --text-muted: #5A7085;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Outfit','Noto Sans Arabic',sans-serif;color:var(--text-dark);background:var(--cream);overflow-x:hidden}
html[dir="rtl"] body{font-family:'Noto Sans Arabic','Outfit',sans-serif}
html[dir="rtl"] .nav-links,html[dir="rtl"] .footer-grid,html[dir="rtl"] .why-grid{direction:rtl}
html[dir="rtl"] .room-card,html[dir="rtl"] .why-card,html[dir="rtl"] .test-card{text-align:right}
html[dir="rtl"] .kit-card{text-align:right}
html[dir="rtl"] .kit-footer{flex-direction:row-reverse}
.container{max-width:1280px;margin:0 auto;padding:0 24px}

header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(7,21,38,.92);backdrop-filter:blur(14px);box-shadow:0 2px 24px rgba(0,0,0,.25)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;max-width:1400px;margin:0 auto}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white);flex-shrink:0;transition:transform 0.3s}
.logo:hover{transform:scale(1.02)}
.logo-icon{width:40px;height:40px;background:var(--sand);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--deep-blue);box-shadow:0 0 12px rgba(201,168,76,0.5)}
.logo-icon svg{width:22px;height:22px;}
.logo-text{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;letter-spacing:1px}
.logo-sub{font-size:9px;font-weight:300;letter-spacing:3px;text-transform:uppercase;opacity:.65;display:block}

.header-nav { display: flex; gap: 32px; flex: 1; justify-content: center; }
.header-link { color: rgba(255,255,255,0.7); text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.3s; }
.header-link:hover { color: var(--sand-light); }

.header-right{display:flex;gap:8px;align-items:center;flex-shrink:0}
.lang-btn{background:none;border:1px solid rgba(255,255,255,.3);color:var(--white);padding:5px 12px;border-radius:20px;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s;font-family:inherit}
.lang-btn:hover,.lang-btn.active{background:var(--sand);border-color:var(--sand);color:var(--deep-blue)}

.nav-cta, .fs-btn-search, .kit-action-btn, .auth-btn { position: relative; overflow: hidden; z-index: 1; }
.nav-cta::after, .fs-btn-search::after, .kit-action-btn::after, .auth-btn::after {
  content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transform: skewX(-20deg); transition: 0.5s ease-in-out; z-index: -1;
}
.nav-cta:hover::after, .fs-btn-search:hover::after, .kit-action-btn:hover::after, .auth-btn:hover::after { left: 150%; }
.nav-cta{background:var(--terracotta);color:var(--white);border:none;padding:8px 20px;border-radius:25px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s;font-family:inherit;margin-left:4px}
.nav-cta:hover{background:#156B4D;transform:translateY(-2px);box-shadow:0 4px 15px rgba(26,122,92,0.4)}

.menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px}
.mobile-menu{display:none;position:fixed;inset:0;background:var(--midnight);z-index:1100;flex-direction:column;align-items:center;justify-content:center;gap:32px; opacity:0; transition:opacity 0.3s}
.mobile-menu.open{display:flex; opacity:1}
.mobile-menu a{color:var(--white);text-decoration:none;font-family:'Cormorant Garamond',serif;font-size:28px; transition:color 0.3s}
.mobile-menu a:hover{color:var(--sand)}
.mobile-close{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--white);font-size:32px;cursor:pointer}

@keyframes kenBurns { 0% { transform: scale(1.05); } 100% { transform: scale(1); } }
.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:60px}
.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,35,64,.45) 0%,rgba(12,35,64,.15) 55%,rgba(7,21,38,.7) 100%),url('https://images.unsplash.com/photo-1583425423320-1e3a3b2bd6ad?w=1920&q=80') center/cover;z-index:0; animation: kenBurns 15s ease-out forwards;}
.hero-video{position:absolute;inset:0;z-index:1;overflow:hidden; animation: kenBurns 15s ease-out forwards;}
.hero-video video{width:100%;height:100%;object-fit:cover}
.hero-video::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,35,64,.45) 0%,rgba(12,35,64,.1) 55%,rgba(7,21,38,.75) 100%)}
.hero-text{position:relative;z-index:2;text-align:center;color:var(--white);max-width:760px;padding:0 24px}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6.5vw,80px);font-weight:400;line-height:1.08;margin-bottom:20px;animation:fadeUp .8s .1s ease both}
.hero-title em{font-style:italic;color:var(--sand)}
.hero-desc{font-size:clamp(14px,1.6vw,17px);font-weight:300;line-height:1.7;opacity:.82;max-width:560px;margin:0 auto;animation:fadeUp .8s .3s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

.header-search-drop {
  position: fixed; top: 75px; left: 0; right: 0; width: min(840px, 96vw); margin: 0 auto; z-index: 999;
  opacity: 0; visibility: hidden; transform: translateY(-15px); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
.header-search-drop.open { opacity: 1; visibility: visible; transform: translateY(0); }
.fs-card { background: var(--white); border-radius: 18px; padding: 8px; box-shadow: 0 24px 60px rgba(7, 21, 38, 0.15); }
.fs-fields { display: flex; align-items: stretch; gap: 0; border: 1.5px solid rgba(12,35,64,.08); border-radius: 14px; background: var(--white); transition: border-color 0.3s; }
.fs-fields:hover { border-color: rgba(12,35,64,.15); }
.fs-field { display: flex; flex-direction: column; justify-content: center; padding: 12px 24px; border-right: 1.5px solid rgba(12,35,64,.08); transition: background 0.2s; cursor: pointer; position: relative; }
.fs-field:first-child { border-radius: 12px 0 0 12px; }
.fs-field:hover { background: rgba(201,168,76,.04); }
#date-block { flex: 1.3; }
#pax-block { flex: 1; }
.fs-field-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--text-muted); margin-bottom: 4px; pointer-events: none; }
.fs-field input, #pax-summary { font-size: 16px !important; font-weight: 600 !important; color: var(--text-dark) !important; border: none; outline: none; background: transparent; font-family: inherit; width: 100%; padding: 0; margin: 0; pointer-events: none; }
.fs-field input::placeholder { font-weight: 500; color: rgba(14,26,43,0.4); }
.fs-btn-wrapper { padding: 8px 10px; flex-shrink: 0; display: flex; align-items: center; }
.fs-btn-search { background: var(--terracotta); color: var(--white); border: none; padding: 0 28px; height: 48px; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; font-family: inherit; transition: all 0.3s; white-space: nowrap; display: flex; align-items: center; justify-content: center; }
.fs-btn-search:hover { background: #156B4D; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(26,122,92,.3); }
.fs-btn-search span:first-child { transition: transform 0.3s; }
.fs-btn-search:hover span:first-child { transform: rotate(15deg) scale(1.2); }

.flatpickr-calendar { width: 326px !important; padding: 6px; border-radius: 18px !important; box-shadow: 0 25px 60px rgba(7,21,38,0.2) !important; z-index:9999 !important; border:1px solid rgba(12,35,64,0.05)!important;}
.flatpickr-innerContainer, .flatpickr-days, .dayContainer { width: 310px !important; min-width: 310px !important; max-width: 310px !important; margin: 0 auto; }
.flatpickr-day { height: 42px !important; line-height: 42px !important; max-width: 42px !important; font-size: 15px; border-radius:50%!important}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange { background: var(--terracotta) !important; border-color: var(--terracotta) !important; font-weight: 600; }
.flatpickr-month { height: 40px !important; margin-bottom: 10px; }
.flatpickr-current-month { font-family: 'Cormorant Garamond', serif !important; font-size: 1.4rem; color: var(--deep-blue) !important; font-weight:700;}
.flatpickr-current-month .numInputWrapper { display:none; }
span.flatpickr-weekday { color: var(--text-muted); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.flatpickr-day.inRange { background: rgba(26,122,92,0.1) !important; box-shadow: -5px 0 0 rgba(26,122,92,0.1), 5px 0 0 rgba(26,122,92,0.1) !important; border-radius: 0 !important; color: var(--deep-blue) !important; }

#pax-dropdown { display:none; position:absolute; top:calc(90%); left:0; width:255px; background:white; border-radius:16px; box-shadow:0 25px 60px rgba(7,21,38,.15); padding:24px; z-index:1100; border:1px solid rgba(12,35,64,.05); animation: popDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1) forwards; }
@keyframes popDown { from { opacity: 0; transform: translateY(-10px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } }
.pax-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.pax-row:last-child { margin-bottom:0; }
.pax-btn { width:34px; height:34px; border-radius:50%; border:1.5px solid rgba(12,35,64,.15); background:var(--cream); cursor:pointer; color:var(--text-dark); font-weight:700; font-size: 18px; display:flex; align-items:center; justify-content:center; transition:all 0.2s}
.pax-btn:hover { background:var(--terracotta); border-color:var(--terracotta); color:white; transform:scale(1.08)}
.pax-btn:active { transform:scale(0.95)}

.section-label{font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--terracotta);margin-bottom:12px}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4.5vw,52px);font-weight:400;line-height:1.15;color:var(--deep-blue);margin-bottom:20px}
.section-desc{font-size:16px;font-weight:300;line-height:1.8;color:var(--text-muted);max-width:560px}

.why-section{padding:120px 0;background:var(--deep-blue);position:relative;overflow:hidden}
.why-section::before{content:'';position:absolute;top:-300px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.06),transparent 70%);pointer-events:none}
.why-section .section-title{color:var(--sand); text-align:center; margin-bottom:64px; font-size:clamp(36px,5vw,56px);}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1;}
.why-card{ background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:48px 24px; text-align:center; transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.05); backdrop-filter:blur(10px); }
.why-card:hover{ background:rgba(255,255,255,0.06); border-color:rgba(201,168,76,0.4); transform:translateY(-8px); box-shadow:0 25px 50px rgba(0,0,0,0.3); }
.why-icon{ width:72px; height:72px; margin:0 auto 24px; color:var(--sand); transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.why-card:hover .why-icon { transform: scale(1.15) translateY(-5px); color: var(--sand-light); }
.why-icon svg { width:100%; height:100%; filter:drop-shadow(0 4px 6px rgba(201,168,76,0.2)); }
.why-title{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--white);margin-bottom:16px; line-height:1.2;}
.why-desc{font-size:15px;font-weight:300;color:rgba(255,255,255,.7);line-height:1.6;}

.kit-section{padding:100px 0;background:var(--white);position:relative;overflow:hidden}
.kit-grid-display{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.kit-card{background:var(--cream);border-radius:24px;padding:48px;position:relative;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1);flex:1;min-width:320px;max-width:400px; z-index:1; border:1px solid rgba(12,35,64,.05)}
.kit-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(12,35,64,.08); z-index:10; border-color:rgba(201,168,76,.3)} 
.kit-card::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sand),var(--terracotta)); border-radius: 24px 24px 0 0; transition:height 0.3s}
.kit-card:hover::after{height:6px;}
.kit-duration-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.35);color:var(--deep-blue);padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:20px; transition:all 0.3s}
.kit-card:hover .kit-duration-badge { background:var(--sand); color:var(--white); border-color:var(--sand); transform:translateX(5px)}
.kit-name{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4vw,42px);font-weight:600;color:var(--deep-blue);margin-bottom:6px;line-height:1.1}
.kit-sub{font-size:15px;color:var(--text-muted);margin-bottom:28px;font-weight:300}

.kit-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.kit-tag{ background:var(--white); border:1px solid rgba(12,35,64,.1); border-radius:30px; padding:6px 16px; font-size:13px; color:var(--text-dark); position: relative; cursor: help; display: inline-flex; align-items: center; gap: 6px; transition:all 0.3s; }
.kit-tag:hover { border-color: var(--terracotta); color: var(--terracotta); background:rgba(26,122,92,0.05); transform:scale(1.05)}
.tag-tooltip { position: absolute; bottom: calc(100% + 15px); left: 50%; transform: translateX(-50%) translateY(10px) scale(0.95); width: 240px; background: var(--white); border-radius: 16px; box-shadow: 0 15px 40px rgba(7,21,38,0.2); padding: 12px; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1); z-index: 100; pointer-events: none; text-align: center; }
.tag-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 8px; border-style: solid; border-color: var(--white) transparent transparent transparent; }
.kit-tag:hover .tag-tooltip { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0) scale(1); }
.tag-tooltip img { width: 100%; height: 110px; object-fit: cover; border-radius: 10px; margin-bottom: 10px; background:var(--cream); transition:transform 0.5s; }
.kit-tag:hover .tag-tooltip img { transform:scale(1.03); }
.tag-tooltip p { font-size: 12px; color: var(--text-muted); font-weight: 500; line-height: 1.5; margin: 0; }
.kit-footer{display:flex;align-items:center;justify-content:center;padding-top:28px;border-top:1px solid rgba(12,35,64,.07)}
.kit-action-btn{background:var(--terracotta);color:var(--white);padding:14px 32px;border-radius:30px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s;width:100%;font-family:inherit;}
.kit-action-btn:hover{background:#156B4D;transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,122,92,.3)}

.hotel-section{padding:120px 0;background:var(--cream)}
.hotel-header{text-align:center;margin-bottom:64px}
.hotel-header .section-desc{margin:0 auto}
.hotel-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:48px}
.hotel-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 32px;border-radius:16px;border:2px solid transparent;background:var(--white);cursor:pointer;transition:all .3s;min-width:200px; box-shadow:0 4px 15px rgba(0,0,0,0.03)}
.hotel-tab.active{border-color:var(--sand);background:var(--white);box-shadow:0 10px 30px rgba(201,168,76,.15); transform:translateY(-3px)}
.hotel-tab:hover:not(.active){border-color:rgba(201,168,76,0.4); transform:translateY(-2px)}
.hotel-tab-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--deep-blue)}
.hotel-tab-badge{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:3px 12px;border-radius:20px}
.hotel-tab-badge.standard{background:rgba(12,35,64,.08);color:var(--text-muted)}
.hotel-tab-badge.premium{background:rgba(201,168,76,.15);color:#8B7024}
.hotel-panel{display:none;animation:fadeInHotel .5s cubic-bezier(0.175, 0.885, 0.32, 1)}
.hotel-panel.active{display:block}
@keyframes fadeInHotel{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hotel-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:64px;border-radius:16px;overflow:hidden; box-shadow:0 10px 30px rgba(12,35,64,0.08)}
.hotel-gallery img{width:100%;height:280px;object-fit:cover;transition:transform .8s ease;cursor:pointer}
.hotel-gallery img:hover{transform:scale(1.06)}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.room-card{background:var(--white);border-radius:20px;padding:32px;border:1px solid rgba(12,35,64,.04);transition:all .3s; box-shadow:0 4px 15px rgba(0,0,0,0.02)}
.room-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(12,35,64,.08); border-color:rgba(201,168,76,0.3)}
.room-type{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--deep-blue);margin-bottom:8px}
.room-config{font-size:14px;color:var(--text-muted);font-weight:300;margin-bottom:16px;line-height:1.6}
.room-price{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:700;color:var(--terracotta)}
.room-price span{font-size:14px;font-weight:400;color:var(--text-muted)}

.testimonials{padding:120px 0;background:var(--white)}
.testimonials .section-header{text-align:center;margin-bottom:64px}
.testimonials .section-desc{margin:0 auto}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.test-card{background:var(--cream);border-radius:20px;padding:40px; border:1px solid rgba(12,35,64,0.03); transition:transform 0.3s, box-shadow 0.3s}
.test-card:hover{transform:translateY(-5px); box-shadow:0 15px 35px rgba(12,35,64,0.06)}
.test-quote{font-family:'Cormorant Garamond',serif;font-size:60px;color:var(--sand);line-height:1;margin-bottom:8px}
.test-text{font-size:15px;font-weight:300;line-height:1.8;margin-bottom:24px; color:var(--text-dark)}
.test-author{display:flex;align-items:center;gap:14px}
.test-avatar{width:48px;height:48px;border-radius:50%;background:rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:var(--deep-blue)}
.test-name{font-weight:600;font-size:15px; color:var(--deep-blue)}
.test-from{font-size:12px;color:var(--text-muted)}

footer{background:var(--midnight);color:rgba(255,255,255,.5);padding:80px 0 32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px}
.footer-brand p{font-size:14px;line-height:1.8;margin-top:16px;max-width:300px; color:rgba(255,255,255,0.6)}
.footer-col h4{color:var(--white);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.footer-col a{display:block;color:rgba(255,255,255,.5);text-decoration:none;font-size:14px;font-weight:300;margin-bottom:14px;transition:all .3s}
.footer-col a:hover{color:var(--sand); transform:translateX(3px)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:32px;text-align:center;font-size:13px;font-weight:300}

.auth-overlay{position:fixed;inset:0;background:rgba(7,21,38,.8);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}
.auth-overlay.open{opacity:1;visibility:visible}
.auth-modal{background:var(--white);border-radius:24px;width:100%;max-width:440px;overflow:hidden;transform:translateY(30px) scale(.95);transition:transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.05);box-shadow:0 40px 100px rgba(0,0,0,.4)}
.auth-overlay.open .auth-modal{transform:translateY(0) scale(1)}
.auth-modal-top{background:linear-gradient(135deg,var(--deep-blue),#0F2D4A);padding:36px 36px 28px;position:relative}
.auth-modal-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.1);border:none;color:var(--white);width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;line-height:1}
.auth-modal-close:hover{background:rgba(255,255,255,.2); transform:rotate(90deg)}
.auth-modal-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.auth-modal-logo .logo-icon{width:34px;height:34px;font-size:16px}
.auth-modal-logo span{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;color:var(--white);letter-spacing:.5px}
.auth-tabs{display:flex;gap:0;background:rgba(255,255,255,.08);border-radius:10px;padding:4px}
.auth-tab{flex:1;background:none;border:none;color:rgba(255,255,255,.55);padding:10px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .25s}
.auth-tab.active{background:var(--sand);color:var(--deep-blue);font-weight:700}
.auth-modal-body{padding:32px 36px 36px}
.auth-panel{display:none; animation:fadeIn 0.4s ease;}
.auth-panel.active{display:block}
@keyframes fadeIn { from { opacity:0; transform:translateY(10px)} to { opacity:1; transform:translateY(0)} }
.auth-field{margin-bottom:18px}
.auth-field label{display:block;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px}
.auth-field input{width:100%;padding:13px 16px;border:1.5px solid rgba(12,35,64,.15);border-radius:10px;font-size:14px;font-family:inherit;color:var(--text-dark);background:var(--cream);outline:none;transition:all .3s}
.auth-field input:focus{border-color:var(--terracotta);background:var(--white); box-shadow:0 0 0 3px rgba(26,122,92,0.1)}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(12,35,64,.1)}
.auth-wa-btn{width:100%;background:#25D366;color:var(--white);border:none;padding:13px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}
.auth-wa-btn:hover{background:#1ebe5d;transform:translateY(-2px); box-shadow:0 6px 15px rgba(37,211,102,0.3)}
.auth-wa-btn svg{width:18px;height:18px;fill:var(--white)}
.auth-footer-link{text-align:center;margin-top:16px;font-size:13px;color:var(--text-muted)}
.auth-footer-link a{color:var(--terracotta);font-weight:600;cursor:pointer;text-decoration:none}
.auth-footer-link a:hover{text-decoration:underline}

@media(max-width:1024px){
  .header-nav {display:none} .header-right .lang-btn,.header-right .nav-cta{display:none}.menu-toggle{display:flex}
  .why-grid{grid-template-columns:1fr 1fr}.test-grid{grid-template-columns:1fr 1fr}.room-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hotel-gallery{grid-template-columns:1fr 1fr}.kit-section{padding:80px 0}
}
@media(max-width:640px){
  .header-inner{padding:0 16px}.logo-sub{display:none}.logo-text{font-size:18px}.hero{min-height:500px}
  .fs-fields{flex-direction:column;border-radius:12px}.fs-field{border-right:none;border-bottom:1px solid rgba(12,35,64,.1); width:100%;}.fs-field:first-child{border-radius:12px 12px 0 0;} .fs-field:last-child{border-bottom:none}
  .header-search-drop{width:calc(100vw - 16px);left:8px;right:8px;margin:0}
  .why-section,.testimonials,.hotel-section{padding:80px 0}
  .kit-section{padding:64px 0} .kit-card{min-width:100%; padding:28px 20px}
  .why-grid,.test-grid,.room-grid{grid-template-columns:1fr}.hotel-gallery{grid-template-columns:1fr}.hotel-gallery img{height:200px}.footer-grid{grid-template-columns:1fr;gap:32px}
  .hotel-tabs{flex-direction:column;gap:8px}.hotel-tab{min-width:auto;flex-direction:row;gap:12px;padding:12px 20px}
}