@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b3b;--blue:#0d3979;--blue2:#1459a7;--gold:#efc875;--ink:#10223f;--muted:#68778d;--paper:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:'DM Sans',sans-serif;color:var(--ink);overflow-x:hidden}h1,h2,h3,h4,.navbar-brand{font-family:Manrope,sans-serif;letter-spacing:-.035em}.nav-glass{background:#061a38eF;backdrop-filter:blur(16px);box-shadow:0 8px 30px #00112a25}.navbar{padding:15px 0}.navbar-brand{font-size:1.3rem}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#f9d98f,#dba943);color:#08214a;font-weight:900;margin-right:7px;box-shadow:0 5px 18px #e9bc5a55}.btn-gold{background:linear-gradient(135deg,#ffe3a2,#e4b550);color:#08234a;border:0;border-radius:12px;font-weight:700;box-shadow:0 8px 24px #d6a33b25;transition:.25s}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 28px #d6a33b55;color:#08234a}.btn-blue{background:linear-gradient(135deg,#124c98,#08234d);border:0;color:#fff;border-radius:11px;font-weight:700;padding:11px 20px;box-shadow:0 9px 24px #123e7626;transition:.25s}.btn-blue:hover{color:#fff;transform:translateY(-2px);box-shadow:0 13px 30px #123e7640}.text-gold{color:var(--gold)}.text-blue{color:#1554a0}.text-white-75{color:#ffffffc9}.hero-section{background:radial-gradient(ellipse at 76% 43%,#164a82 0%,transparent 35%),linear-gradient(125deg,#061631,#092c59 60%,#071b3b);color:white;position:relative;overflow:hidden}.hero-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,black,transparent);pointer-events:none}.hero-section .container{z-index:1}.hero-section h1{line-height:1.1;max-width:850px}.hero-section .lead{max-width:620px}.eyebrow{font-size:.72rem;letter-spacing:.19em;font-weight:800;color:var(--gold)}.eyebrow.dark{color:#2460a4}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:420px;height:420px;right:0;top:9%;border:1px solid #ffffff19;box-shadow:inset 0 0 100px #b5d7ff0c,0 0 100px #3989d21a}.orb-two{width:210px;height:210px;right:14%;bottom:8%;background:radial-gradient(circle,#d4ab5e25,transparent 68%)}.hero-stats{display:flex;gap:42px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:800 1.5rem Manrope;color:var(--gold)}.hero-stats span{font-size:.8rem;color:#ffffffa8}.hero-card{position:relative;min-height:490px;perspective:1000px}.hero-image{position:absolute;inset:20px 10px 30px 30px;border:1px solid #ffffff3b;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#081a2b00 35%,#06152beF),url('../img/kaaba.svg') center/cover;box-shadow:0 35px 80px #0006;transform:rotateY(-7deg) rotateX(2deg);transition:transform .5s}.hero-card:hover .hero-image{transform:rotateY(-2deg) rotateX(0) translateY(-5px)}.image-label{position:absolute;top:20px;left:20px;padding:9px 13px;border-radius:30px;background:#071b3b9c;backdrop-filter:blur(10px);font-size:.75rem}.pulse-dot{display:inline-block;width:7px;height:7px;background:#65e0ad;border-radius:50%;margin-right:6px;box-shadow:0 0 0 5px #65e0ad25}.image-caption{position:absolute;bottom:26px;left:26px;right:20px}.image-caption small{color:var(--gold);letter-spacing:.16em}.image-caption h3{font-size:2rem;font-weight:800;margin:7px 0}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 17px;background:#fff;border:1px solid #ffffffb0;border-radius:16px;color:var(--ink);box-shadow:0 18px 50px #0003;animation:float 5s ease-in-out infinite;z-index:2}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:.84rem}.floating-card small{font-size:.7rem;color:var(--muted);margin-top:3px}.float-a{top:70px;right:-8px}.float-b{bottom:10px;left:0;animation-delay:-2.5s}.mini-icon{width:34px;height:34px;display:grid;place-items:center;background:#fff4d9;color:#9b6c13;border-radius:11px;font-size:1.2rem}.trust-strip{padding:22px 0;background:#fff;border-bottom:1px solid #e7edf5;color:#50627a;font-size:.88rem;font-weight:700}.trust-strip span{color:#b58a36;font-size:1.2rem;margin-right:7px}.section-space{padding:100px 0}.section-heading{text-align:center;max-width:740px;margin:0 auto 38px}.section-heading p{font-size:1.05rem}.filter-pill{border:1px solid #dbe4f0;padding:9px 17px;border-radius:50px;color:#44546a;text-decoration:none;font-size:.88rem;transition:.2s}.filter-pill:hover,.filter-pill.active{background:#0d3979;color:white;border-color:#0d3979}.package-card{height:100%;border:1px solid #e5ebf3;border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #0c2b5010;transition:transform .3s,box-shadow .3s}.package-card:hover{box-shadow:0 24px 50px #0c2b5020;transform:translateY(-7px)}.package-photo{height:215px;background-position:center;background-size:cover;background-color:#0b2b57;position:relative}.category-tag,.featured-tag{position:absolute;top:14px;left:14px;border-radius:30px;padding:7px 11px;background:#ffffffec;color:#0d3979;font-size:.72rem;font-weight:800}.featured-tag{left:auto;right:14px;background:var(--gold);color:#09264c}.price{font-size:1.1rem;color:#10488c}.round-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#edf4ff;color:#124a91;text-decoration:none;font-size:1.3rem;transition:.2s}.round-arrow:hover{background:#124a91;color:white;transform:rotate(45deg)}.empty-state{padding:55px 20px;text-align:center;background:#f5f8fc;border-radius:20px;color:#68778d}.services-section{background:linear-gradient(130deg,#071a38,#0a3265);color:white;position:relative;overflow:hidden}.service-card{height:100%;padding:28px 23px;border:1px solid #ffffff22;border-radius:20px;background:linear-gradient(145deg,#ffffff10,#ffffff04);transition:.3s;transform-style:preserve-3d}.service-card:hover{transform:translateY(-6px) rotateX(2deg);background:#ffffff15;border-color:#efc87566}.service-icon{width:53px;height:53px;display:grid;place-items:center;background:#efc8751a;border:1px solid #efc8754a;border-radius:16px;color:var(--gold);font-size:1.7rem;margin-bottom:25px}.about-panel{border:1px solid #e3eaf3;border-radius:28px;padding:clamp(25px,5vw,60px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:radial-gradient(circle at 100% 0,#e8f1ff,transparent 40%),#fff;box-shadow:0 25px 80px #0a2a5010}.about-panel p{max-width:550px;line-height:1.8}.about-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-feature-grid div{padding:20px;border:1px solid #dce6f3;border-radius:17px;background:#ffffffc9;display:flex;flex-direction:column;gap:7px}.about-feature-grid b{color:#d2a344}.about-feature-grid strong{font-size:1.02rem}.about-feature-grid small{color:#6d7b8f;line-height:1.5}.footer-dark{background:#06162f;color:white}.footer-dark a{display:block;text-decoration:none;color:#ffffffa8;margin:8px 0}.footer-dark a:hover{color:var(--gold)}.inner-hero{padding-top:95px;background:linear-gradient(125deg,#061631,#0d3979);color:white}.booking-wrap{margin-top:-20px;position:relative;padding-bottom:60px}.form-panel,.contact-panel{padding:clamp(22px,4vw,42px);border-radius:23px;background:#fff;box-shadow:0 20px 70px #0a2a5012;border:1px solid #e6edf6}.contact-panel{background:linear-gradient(145deg,#092b59,#061831);color:white;height:100%}.contact-point{display:flex;gap:15px;align-items:center;border-top:1px solid #ffffff20;padding:18px 0}.contact-point>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#efc875;color:#09264c;font-weight:800}.contact-point b,.contact-point small{display:block}.contact-point small{color:#ffffff9c;margin-top:3px}.form-control,.form-select{padding:12px 14px;border-color:#dce5f0;border-radius:10px}.form-control:focus,.form-select:focus{border-color:#4d86ca;box-shadow:0 0 0 .2rem #4d86ca20}.success-panel{text-align:center;padding:40px 0}.success-icon{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;background:#e1f8ed;color:#158454;font-size:2rem}.admin-body{background:#f4f7fb;min-height:100vh}.admin-sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#071a37;padding:25px 17px;display:flex;flex-direction:column;z-index:5}.admin-brand{color:white;text-decoration:none;font:800 1.15rem Manrope;display:flex;align-items:center;margin-bottom:42px}.sidebar-caption{font-size:.65rem;letter-spacing:.18em;color:#7184a1;padding:0 13px 12px}.side-link{color:#a9b8cf;text-decoration:none;padding:12px 14px;border-radius:11px;margin:3px 0;font-size:.91rem;transition:.2s}.side-link:hover,.side-link.active{background:linear-gradient(100deg,#164a8c,#0e3972);color:#fff}.admin-main{margin-left:250px;padding:30px;max-width:1800px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-welcome{background:linear-gradient(110deg,#0b3267,#071a37);color:white;border-radius:21px;padding:30px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.admin-welcome:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff20;border-radius:50%;right:80px;top:-100px;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff04}.welcome-cube{font-size:4rem;color:var(--gold);z-index:1;animation:float 4s ease-in-out infinite}.stat-card,.admin-panel{background:white;border:1px solid #e7edf5;border-radius:17px;padding:22px;box-shadow:0 8px 25px #0b2b5008}.stat-card small{color:#718096}.stat-value{font:800 2rem Manrope;color:#0e3972;margin:8px 0}.stat-card a{font-size:.8rem;color:#3168a8;text-decoration:none}.admin-panel{padding:24px}.status-pill{background:#eaf5ff;color:#245a95;padding:5px 9px;border-radius:30px;font-size:.75rem;white-space:nowrap}.table{font-size:.88rem}.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#738198;border-bottom-color:#e6edf5}.admin-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#dceaff,transparent 35%),linear-gradient(135deg,#f6f9fd,#e9f0fa)}.login-box{width:min(92vw,440px);padding:38px;background:white;border-radius:23px;box-shadow:0 30px 90px #0b2b5018;border:1px solid #e5edf7}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:991px){.hero-section .min-vh-100{min-height:auto!important;padding-top:140px!important;padding-bottom:70px!important}.hero-card{min-height:420px}.about-panel{grid-template-columns:1fr;gap:30px}.admin-sidebar{width:205px}.admin-main{margin-left:205px;padding:20px}.admin-brand{font-size:1rem}.side-link{font-size:.83rem;padding:10px}}@media(max-width:767px){.section-space{padding:68px 0}.hero-section h1{font-size:2.55rem}.hero-stats{gap:20px}.hero-stats strong{font-size:1.2rem}.hero-stats span{font-size:.7rem}.hero-card{min-height:360px}.hero-image{inset:10px 5px 20px 10px}.float-a{right:-4px;top:38px}.float-b{bottom:0}.floating-card{padding:10px 12px}.floating-card small{font-size:.62rem}.about-feature-grid{gap:9px}.about-feature-grid div{padding:14px}.admin-sidebar{position:relative;width:100%;inset:auto;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.admin-brand{grid-column:1/-1;margin:0 0 7px}.sidebar-caption{display:none}.side-link{font-size:.75rem;padding:9px 7px;text-align:center}.admin-main{margin-left:0;padding:15px}.admin-welcome{padding:22px}.welcome-cube{display:none}.admin-top{align-items:flex-start;gap:10px}.admin-top .btn{white-space:nowrap}.stat-card{padding:16px}.stat-value{font-size:1.6rem}.login-box{padding:28px}.booking-wrap{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}