/*
Theme Name: Lusail Hajj Campaign
Theme URI: https://lusail-hajj-v8-2jxgxs.v2.appdeploy.ai/
Author: Lusail Hajj Campaign
Description: Premium RTL one-page WordPress theme adapted from the approved Lusail Hajj campaign demo.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: lusail-hajj
*/

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&family=Amiri+Quran&display=swap');
:root{--gold:#d7af58;--gold2:#f0d48e;--maroon:#8a1538;--ink:#0a0c10;--cream:#f6f0e7;--muted:#6d6459;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Alexandria',Arial,sans-serif;background:var(--cream);color:#121212;overflow-x:hidden;font-weight:400}a{text-decoration:none;color:inherit}button{font:inherit}.shell{width:min(1220px,calc(100% - 36px));margin:auto;position:relative;z-index:3}.section{position:relative;padding:84px 0;overflow:hidden}.cream{background:linear-gradient(180deg,#faf6ef,#efe7dc)}.dark{background:linear-gradient(180deg,#0a0c10,#11151b);color:#fff}
.patternLayer{position:absolute;inset:-20%;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23D7AF58' stroke-opacity='.18' stroke-width='1.15'%3E%3Cpath d='M110 18l19 27 33-6-6 33 27 19-27 19 6 33-33-6-19 27-19-27-33 6 6-33-27-19 27-19-6-33 33 6z'/%3E%3Cpath d='M110 46l12 17 21-4-4 21 17 12-17 12 4 21-21-4-12 17-12-17-21 4 4-21-17-12 17-12-4-21 21 4z'/%3E%3C/g%3E%3C/svg%3E");background-size:240px 240px;transform:translateY(var(--py,0px));transition:transform .08s linear}
.glassCard,.glassDark,.glassLight{backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.16)}.glassCard,.glassDark{background:linear-gradient(180deg,rgba(24,26,30,.72),rgba(8,10,13,.58))}.glassLight{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.52));border-color:rgba(183,125,33,.16)}
.sectionHead span,.eyebrow{color:#b98127;font-weight:900;font-size:12px}.dark .sectionHead span,.hero .eyebrow,.faqClosingHead>div>span{color:var(--gold2)}.sectionHead h2,.faqClosingHead h2{font-size:clamp(20px,2vw,28px);line-height:1.22;max-width:none;white-space:nowrap;letter-spacing:0;margin:7px 0 9px;font-weight:900;text-wrap:balance}.sectionHead h2 em,.faqClosingHead h2 em{font-style:normal;color:var(--gold);letter-spacing:0}.sectionHead p,.faqClosingHead p{font-size:14px;line-height:1.8;max-width:780px;color:var(--muted)}.dark .sectionHead p,.faqClosingHead p{color:#d0c7b7}.center{text-align:center}.center h2,.center p{margin-inline:auto}
.topnav{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 28px));height:60px;border-radius:999px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(180deg,rgba(22,22,24,.86),rgba(10,10,12,.72));border-color:rgba(215,175,88,.24);box-shadow:0 16px 44px rgba(0,0,0,.28)}.admin-bar .topnav{top:50px}.brandIdentity{display:flex;align-items:center;gap:12px}.brandLogo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.brandText b{display:block;font-size:15px}.brandText small{display:block;color:#d8cdb8;font-size:9px}.links{display:flex;gap:18px;font-weight:800;font-size:11px}.navCta{font-size:11px;padding:9px 14px;border-radius:999px;font-weight:900;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(138,21,56,.78),rgba(48,9,23,.68));color:#fff8ed;border:1px solid rgba(240,212,142,.46);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 30px rgba(70,8,28,.28),0 0 22px rgba(215,175,88,.08),inset 0 1px 0 rgba(255,255,255,.14)}
.hero{min-height:100vh;position:relative;overflow:hidden;background:#050609;isolation:isolate}.heroPhoto{position:absolute;inset:0;z-index:0;background:url('https://commons.wikimedia.org/wiki/Special:Redirect/file/The_Kaaba_during_Hajj.jpg') center/cover no-repeat;transform:scale(1.055);filter:saturate(.96) contrast(1.06) brightness(.88);animation:heroCinematicDrift 18s ease-in-out infinite alternate;will-change:transform}.hero:before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 16% 42%,rgba(215,175,88,.12),transparent 31%),radial-gradient(circle at 84% 34%,rgba(138,21,56,.16),transparent 34%),linear-gradient(90deg,rgba(4,5,7,.28),rgba(4,5,7,.38) 34%,rgba(4,5,7,.82) 64%,rgba(4,5,7,.95))}.hero:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.10),transparent 28%,transparent 68%,rgba(0,0,0,.42)),radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.38) 100%)}.hero>.patternLayer{display:block;z-index:2;opacity:.19;mix-blend-mode:screen;background-size:340px 340px;filter:brightness(1.18) saturate(.82);mask-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.18) 42%,rgba(0,0,0,.5));-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.18) 42%,rgba(0,0,0,.5))}.heroGrid{min-height:100vh;display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center;direction:ltr;padding-top:120px;padding-bottom:70px;width:min(1160px,calc(100% - 28px))!important}.heroCopy{grid-column:2;direction:rtl;text-align:right;color:#fff;justify-self:end;max-width:none;width:min(860px,66vw);position:relative;z-index:4;padding:24px 28px 26px;border-right:1px solid rgba(240,212,142,.34)}.heroCopy:before{content:'';position:absolute;z-index:-1;inset:-12px -18px -14px -20px;border-radius:30px;background:linear-gradient(145deg,rgba(10,12,16,.48),rgba(10,12,16,.16));border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 28px 72px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08),0 0 42px rgba(138,21,56,.06)}.heroCopy:after{content:'';position:absolute;z-index:-1;top:-10%;bottom:-10%;right:-1px;width:1px;background:linear-gradient(transparent,rgba(240,212,142,.82),rgba(138,21,56,.7),transparent);box-shadow:0 0 18px rgba(215,175,88,.24)}.hero .eyebrow{font-size:10px;color:#f0d48e;text-shadow:0 3px 14px rgba(0,0,0,.45)}.heroTitle{font-size:clamp(30px,3vw,42px)!important;line-height:1.15!important;white-space:nowrap;letter-spacing:0!important;word-spacing:.045em;margin:10px 0 16px!important;font-weight:900;opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px);animation:heroTitleReveal .9s cubic-bezier(.2,.75,.2,1) .18s forwards}.heroTitle span{display:inline-block;color:transparent;background:linear-gradient(100deg,#d3a84d 0%,#f8e6ae 38%,#d3a84d 62%,#f4d783 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;animation:heroGoldSweep 4.8s ease-in-out 1.05s infinite;text-shadow:none}.heroCopy p{font-size:16px;line-height:1.82;color:rgba(255,248,238,.88);margin-top:2px;width:100%;text-shadow:0 3px 18px rgba(0,0,0,.34)}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{border:0;padding:14px 22px;border-radius:17px;font-weight:900;cursor:pointer}.heroActions .btn{font-size:11px;padding:10px 15px}.heroActions .goldBtn{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(138,21,56,.78),rgba(48,9,23,.68));color:#fff8ed;border:1px solid rgba(240,212,142,.46);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 30px rgba(70,8,28,.28),0 0 22px rgba(215,175,88,.08),inset 0 1px 0 rgba(255,255,255,.14)}.ghostBtn{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15)}
.hero .verse{position:absolute;z-index:4;left:50%;bottom:5.5%;transform:translateX(-50%);width:min(1020px,80vw);padding:20px 34px 22px;border-radius:26px;color:#fff;line-height:2;text-align:center;overflow:hidden;background:linear-gradient(145deg,rgba(12,14,18,.72),rgba(7,8,11,.48));border:1px solid rgba(240,212,142,.48);backdrop-filter:blur(28px) saturate(130%);box-shadow:0 30px 82px rgba(0,0,0,.36),0 0 34px rgba(215,175,88,.11),inset 0 1px 0 rgba(255,255,255,.12)}.hero .verse:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(215,175,88,.14),transparent 45%);pointer-events:none}.hero .verse:after{content:'';position:absolute;z-index:3;top:-70%;bottom:-70%;left:-32%;width:18%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,236,176,0) 20%,rgba(255,236,176,.62) 50%,rgba(255,236,176,0) 80%,transparent);filter:blur(8px);transform:skewX(-18deg);mix-blend-mode:screen;animation:verseGoldSweep 5.6s cubic-bezier(.45,0,.25,1) 1.2s infinite}.verseLabel{position:relative;z-index:2;color:var(--gold2);font-size:9px;font-weight:700;margin-bottom:8px}.verseOrnament{position:relative;z-index:2;display:flex;align-items:center;gap:10px;justify-content:center;margin:4px 0 12px;color:var(--gold2)}.verseOrnament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(215,175,88,.8),transparent)}.verseOrnament svg{width:18px}.quranVerse{position:relative;z-index:2;font-family:'Amiri Quran',serif;font-size:24px;line-height:1.75;color:#fff7e6;text-shadow:0 4px 18px rgba(0,0,0,.4)}.hero .verse small{position:relative;z-index:2;display:block;margin-top:10px;color:#e9d49f;font-size:9px}
.registrationSection{padding-top:72px}.registrationStage{position:relative;overflow:hidden;border-radius:34px;padding:18px;max-width:1060px;margin:24px auto 0;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055));border:1px solid rgba(215,175,88,.28);box-shadow:0 30px 74px rgba(60,40,11,.14),inset 0 1px 0 rgba(255,255,255,.68),inset 0 0 46px rgba(255,255,255,.05)}.registrationStage:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.32),transparent 22%,transparent 70%,rgba(215,175,88,.09));opacity:.9}.stageRibbon{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;position:relative;z-index:2}.stageRibbon span{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(18px);font-size:12px;font-weight:800;color:#5d5344}.stageRibbon svg{width:15px}.regGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;perspective:1200px}.aiPanel,.manualPanel{position:relative;overflow:hidden;border-radius:28px;padding:22px;isolation:isolate;min-height:390px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}.aiPanel{background:radial-gradient(circle at 18% 8%,rgba(240,212,142,.13),transparent 27%),linear-gradient(145deg,rgba(9,10,13,.86),rgba(5,6,8,.70));border:1px solid rgba(224,181,86,.52);color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.26),0 0 42px rgba(215,175,88,.09),inset 0 1px 0 rgba(255,255,255,.18)}.manualPanel{background:radial-gradient(circle at 82% 9%,rgba(240,212,142,.10),transparent 28%),linear-gradient(145deg,rgba(88,13,42,.78),rgba(31,7,17,.72));border:1px solid rgba(209,128,155,.46);color:#fff;box-shadow:0 28px 70px rgba(71,8,30,.24),0 0 42px rgba(138,21,56,.10),inset 0 1px 0 rgba(255,255,255,.18)}.aiPanel:after,.manualPanel:after{content:'';position:absolute;z-index:1;top:-55%;bottom:-55%;left:-35%;width:17%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,244,211,0) 20%,rgba(255,244,211,.34) 50%,rgba(255,244,211,0) 80%,transparent);filter:blur(7px);transform:skewX(-17deg);mix-blend-mode:screen;animation:registrationGlassSweep 7.2s cubic-bezier(.45,0,.25,1) infinite}.manualPanel:after{animation-delay:2.1s}.aiPanel>*:not(.patternLayer),.manualPanel>*:not(.patternLayer){position:relative;z-index:3}.aiPanel>.patternLayer,.manualPanel>.patternLayer{z-index:0;opacity:.18}.aiTop,.manualTop{display:flex;justify-content:space-between;align-items:center}.aiStatus{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(240,212,142,.16);font-size:12px}.aiStatus>i{width:9px;height:9px;border-radius:50%;background:#9a2145;box-shadow:0 0 0 0 rgba(154,33,69,.52);animation:maroonPulse 1.8s infinite}.aiOrb,.manualIcon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(240,212,142,.34);color:#f0d48e;box-shadow:0 12px 28px rgba(0,0,0,.22),0 0 24px rgba(215,175,88,.10),inset 0 1px 0 rgba(255,255,255,.14)}.aiOrb svg,.manualIcon svg{width:26px;height:26px;stroke-width:1.7}.aiPanel h3,.manualPanel h3{font-size:24px;margin:18px 0 8px;color:#fff}.aiPanel>p,.manualPanel>p{font-size:14px;line-height:1.75;margin:0;color:rgba(255,248,236,.78)}.chat{display:flex;flex-direction:column;gap:8px;margin:16px 0}.bubble{padding:11px 13px;border-radius:18px;max-width:88%;line-height:1.7;font-size:13px}.bot{align-self:flex-start;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08)}.user{align-self:flex-end;background:linear-gradient(135deg,rgba(138,21,56,.46),rgba(255,255,255,.055));color:#fff8ed;border:1px solid rgba(240,212,142,.30);backdrop-filter:blur(14px)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;border:1px solid rgba(240,212,142,.22);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(138,21,56,.14));color:#f7ecda;font-size:12px}.chips button svg{width:14px;color:#e6c56f}.cardCta{margin-top:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;color:#fff8e9!important;border:1px solid rgba(240,212,142,.44)!important;backdrop-filter:blur(18px);box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.18),0 0 22px rgba(215,175,88,.09)}.manualPanel .cardCta{background:linear-gradient(135deg,rgba(138,21,56,.34),rgba(255,255,255,.055))!important}.manualTop span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-weight:800;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.compactSteps div{padding:13px 8px;border-radius:17px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);text-align:center}.steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(240,212,142,.24),rgba(255,255,255,.06));border:1px solid rgba(240,212,142,.34);color:#f4d98e;margin:auto}.steps b svg{width:15px}.steps strong,.steps small{display:block}.steps strong{font-size:13px;margin-top:6px}.steps small{font-size:11px;color:rgba(255,240,230,.64)}.directBenefits{display:flex;gap:7px;flex-wrap:wrap}.directBenefits span{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10);font-size:11px;color:#f4e8df}.directBenefits svg{width:15px;color:#f0cf84}
.sectionBridge{height:0;position:relative;z-index:5}.sectionBridge:before{content:'';position:absolute;left:50%;top:-24px;width:1px;height:48px;background:linear-gradient(transparent,var(--gold),transparent)}.sectionBridge span{position:absolute;left:50%;top:-7px;width:14px;height:14px;border:1px solid rgba(215,175,88,.7);background:#111;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 20px rgba(215,175,88,.25)}
.section.cream{position:relative;isolation:isolate;background:radial-gradient(circle at 14% 18%,rgba(215,175,88,.10),transparent 26%),radial-gradient(circle at 86% 74%,rgba(138,21,56,.055),transparent 24%),linear-gradient(180deg,#f8f2e8,#eee3d4)}.section.cream>.patternLayer{display:block;opacity:.20;mix-blend-mode:multiply;filter:saturate(.72) contrast(.92);overflow:hidden}.section.cream>.patternLayer:after{content:'';position:absolute;top:-20%;bottom:-20%;left:-28%;width:14%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,247,222,0) 28%,rgba(255,247,222,.18) 50%,rgba(255,247,222,0) 72%,transparent);filter:blur(10px);transform:skewX(-18deg);mix-blend-mode:screen;animation:creamPatternSweep 10s ease-in-out infinite}
.aboutSection{padding-top:78px;padding-bottom:86px;background:radial-gradient(circle at 12% 16%,rgba(215,175,88,.09),transparent 26%),radial-gradient(circle at 88% 78%,rgba(138,21,56,.05),transparent 24%),linear-gradient(180deg,#f8f2e8,#eee3d4)}.aboutPanel{position:relative;overflow:hidden;margin-top:28px;padding:18px;border-radius:34px;background:linear-gradient(145deg,rgba(11,13,17,.46),rgba(11,13,17,.20));border:1px solid rgba(240,212,142,.25);box-shadow:0 30px 76px rgba(65,43,12,.17),inset 0 1px 0 rgba(255,255,255,.11),inset 0 0 46px rgba(215,175,88,.025)}.aboutCards{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:16px}.aboutCard{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;padding:24px;border-radius:26px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(19,21,26,.78),rgba(8,10,13,.64));border:1px solid rgba(240,212,142,.18);box-shadow:0 22px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09)}.visionCard{border-color:rgba(209,128,155,.34);background:radial-gradient(circle at 14% 0,rgba(138,21,56,.20),transparent 34%),linear-gradient(145deg,rgba(27,19,23,.82),rgba(10,10,13,.66))}.missionCard{border-color:rgba(240,212,142,.32);background:radial-gradient(circle at 86% 0,rgba(215,175,88,.16),transparent 34%),linear-gradient(145deg,rgba(25,22,16,.82),rgba(10,10,12,.66))}.aboutCard:after{content:'';position:absolute;top:-65%;bottom:-65%;left:-32%;width:16%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,241,198,.20),transparent);filter:blur(7px);transform:skewX(-18deg);animation:aboutGlassSweep 8.5s ease-in-out infinite}.missionCard:after{animation-delay:2.4s}.aboutIcon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));border:1px solid rgba(240,212,142,.30);color:#f0d48e;box-shadow:0 12px 28px rgba(0,0,0,.20),0 0 22px rgba(215,175,88,.08)}.aboutIcon svg{width:25px}.aboutCard span{color:#f0d48e;font-size:11px;font-weight:900}.aboutCard h3{font-size:20px;margin:5px 0 8px}.aboutCard p{font-size:12px;line-height:1.9;color:rgba(255,245,230,.76);margin:0}.aboutRoute{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:22px;background:linear-gradient(145deg,rgba(13,15,19,.52),rgba(10,12,15,.28));border:1px solid rgba(240,212,142,.20);color:#fff}.aboutRoute>span{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;padding:8px 10px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.aboutRoute>span>svg{grid-row:1/3;width:20px;color:#e1bd66}.aboutRoute b,.aboutRoute small{display:block}.aboutRoute b{font-size:12px;color:#fff}.aboutRoute small{font-size:9px;color:rgba(255,244,229,.62)}.aboutRoute>svg{width:17px;color:#e1bd66}
.journeySection{position:relative;isolation:isolate;background:radial-gradient(circle at 12% 20%,rgba(215,175,88,.10),transparent 28%),radial-gradient(circle at 88% 72%,rgba(138,21,56,.07),transparent 30%),linear-gradient(180deg,#0b0d11,#10141a);padding:88px 0 98px}.journeySection .shell{position:relative;overflow:hidden;padding:34px 36px 32px;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.028));border:1px solid rgba(240,212,142,.22);box-shadow:0 34px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.13)}.timelineGlass{position:relative;overflow:hidden;margin-top:24px;border-radius:30px;padding:26px 22px 22px;background:linear-gradient(145deg,rgba(16,19,24,.46),rgba(7,9,12,.30));border:1px solid rgba(239,209,139,.24)}.timelineSteps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.timelineStep{position:relative;text-align:center;color:#d8d0c1;padding:17px 9px 15px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.026));border:1px solid rgba(240,212,142,.18);transition:.35s}.timelineStep span{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(145deg,rgba(32,35,40,.94),rgba(14,16,20,.90));border:1px solid rgba(240,212,142,.24);box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 16px rgba(215,175,88,.09)}.timelineStep span svg{width:25px;color:#e7c875}.timelineStep strong,.timelineStep small{display:block}.timelineStep strong{font-size:13px;color:#fff}.timelineStep small{font-size:10px;line-height:1.65;color:#a99d8b}.timelineStep.active{transform:translateY(-5px);border-color:rgba(240,212,142,.28)}.timelineStep.active span{background:linear-gradient(145deg,rgba(239,209,139,.30),rgba(91,64,20,.94));box-shadow:0 0 32px rgba(215,175,88,.30),0 0 70px rgba(215,175,88,.10)}
.eligibilityGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.eligibilityCard{overflow:hidden;border-radius:30px;padding:0;position:relative}.citizenCard{background:radial-gradient(circle at 18% 0,rgba(237,166,190,.10),transparent 30%),linear-gradient(145deg,rgba(100,13,44,.68),rgba(34,7,18,.52));border:1px solid rgba(222,145,171,.34);color:#fff}.residentCard{background:radial-gradient(circle at 82% 0,rgba(240,212,142,.13),transparent 30%),linear-gradient(145deg,rgba(111,78,25,.62),rgba(30,22,9,.48));border:1px solid rgba(240,212,142,.36);color:#fff}.eligibilityHeader{display:flex;align-items:center;gap:14px;padding:20px 22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.10)}.maroonHeader{background:linear-gradient(135deg,rgba(138,21,56,.55),rgba(83,12,36,.24))}.goldHeader{background:linear-gradient(135deg,rgba(215,175,88,.42),rgba(102,71,23,.22))}.headerIcon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.18)}.headerIcon svg{width:24px}.eligibilityHeader small{opacity:.8;font-size:11px}.eligibilityHeader h3{margin:3px 0 0;font-size:20px}.conditionList{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.conditionList>div{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12)}.conditionList svg{width:19px;color:#f0d48e;flex:0 0 auto;margin-top:2px}.conditionList span b,.conditionList span small{display:block}.conditionList span b{font-size:14px;color:#fff}.conditionList span small{font-size:11px;color:rgba(255,244,229,.66);margin-top:3px;line-height:1.6}.eligibilityFoot{display:flex;align-items:center;gap:8px;margin:0 18px 18px;padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10);font-size:11px;font-weight:800;color:rgba(255,244,229,.76)}.eligibilityFoot svg{width:16px;color:#f0d48e}.smartEligibility{margin-top:14px;padding:12px;border-radius:22px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;align-items:center;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.smartEligibility>div{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.52)}.smartEligibility svg{width:18px;color:#b98127}.smartEligibility b,.smartEligibility small{display:block}.smartEligibility b{font-size:12px}.smartEligibility small{font-size:10px;color:#766e63}.smartEligibility>a{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:#111;color:#fff;font-size:12px;font-weight:900}
.serviceIconGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.serviceIconCard{padding:24px;border-radius:26px;position:relative;overflow:hidden;min-height:210px;transition:.3s transform,.3s border-color;background:linear-gradient(145deg,rgba(20,22,25,.80),rgba(7,9,12,.67));border-color:rgba(215,175,88,.20)}.serviceIconCard:hover{transform:translateY(-6px);border-color:rgba(215,175,88,.35)}.serviceHead{display:flex;align-items:center;gap:14px}.serviceHead h3{margin:0;font-size:17px}.serviceIcon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(215,175,88,.22),rgba(215,175,88,.08));border:1px solid rgba(215,175,88,.22);color:var(--gold2)}.serviceIcon svg{width:27px}.serviceIconCard p{font-size:13px;line-height:1.75;color:#cbc1b0;margin:18px 0 0}.serviceIconCard>span{position:absolute;left:18px;bottom:16px;font-size:10px;color:#9e927e;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.05)}
.gallerySection{padding-top:72px;padding-bottom:96px;background:radial-gradient(circle at 18% 12%,rgba(215,175,88,.07),transparent 28%),linear-gradient(180deg,#0b0e12,#11151b)}.hajjSlider{position:relative;overflow:hidden;isolation:isolate;margin-top:28px;min-height:460px;border-radius:32px;background:rgba(8,10,13,.56);border:1px solid rgba(240,212,142,.30);box-shadow:0 34px 88px rgba(0,0,0,.38),0 0 30px rgba(215,175,88,.045),inset 0 1px 0 rgba(255,255,255,.12)}.hajjSlide{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .8s,transform 1.1s;pointer-events:none}.hajjSlide.active{opacity:1;transform:scale(1);pointer-events:auto}.hajjSlide img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.94) contrast(1.035)}.slideShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,9,.16),rgba(5,7,9,.38) 44%,rgba(5,7,9,.86) 78%,rgba(5,7,9,.94))}.slideCopy{position:absolute;z-index:3;right:42px;bottom:48px;width:min(480px,46%);text-align:right;color:#fff;padding:18px 20px;border-radius:22px;background:linear-gradient(145deg,rgba(8,10,13,.38),rgba(8,10,13,.16));border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(16px)}.slideCopy span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(240,212,142,.22);color:#f0d48e;font-size:11px;font-weight:800}.slideCopy h3{font-size:clamp(24px,2.5vw,36px);line-height:1.25;margin:12px 0 8px}.slideCopy p{font-size:13px;line-height:1.85;color:rgba(255,245,229,.76);margin:0}.galleryControls{position:absolute;z-index:7;left:24px;bottom:24px;display:flex;align-items:center;gap:10px;padding:8px;border-radius:999px;background:rgba(8,10,13,.36);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(16px)}.galleryArrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(240,212,142,.20);background:rgba(255,255,255,.07);color:#f0d48e;cursor:pointer}.galleryDots{display:flex;gap:6px}.galleryDots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.24);padding:0}.galleryDots button.active{width:24px;border-radius:99px;background:linear-gradient(90deg,#8a1538,#d7af58)}.galleryCredit{text-align:left;margin-top:10px;color:#7f7568;font-size:9px}
.faqClosing{position:relative;padding:90px 0 0;background:linear-gradient(180deg,#11151b,#090b0f);color:#fff;overflow:hidden}.faqClosingHead{display:flex;align-items:end;justify-content:space-between;gap:28px}.faqAiCta{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;min-width:280px}.aiOrb.small{width:44px;height:44px;border-radius:15px}.faqAiCta small,.faqAiCta b{display:block}.faqAiCta small{font-size:10px;color:#bdb3a3}.faqAiCta b{font-size:13px}.faqAiCta>svg{width:18px;margin-right:auto;color:var(--gold2)}.faqPremium{margin-top:26px;border-radius:30px;padding:22px}.faqCats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.faqCats span{padding:8px 11px;border-radius:999px;background:rgba(215,175,88,.1);color:#e4d2ad;font-size:11px;border:1px solid rgba(215,175,88,.12)}.faqColumns{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.faqItem{border-bottom:1px solid rgba(255,255,255,.1)}.faqItem button{width:100%;display:flex;justify-content:space-between;padding:17px 2px;background:none;border:0;color:#fff;font-size:16px;font-weight:900;text-align:right}.faqItem button span{color:var(--gold2)}.faqItem p{max-height:0;overflow:hidden;margin:0;color:#bfb5a5;line-height:1.8;font-size:12px;transition:.3s}.faqItem.open p{max-height:130px;padding-bottom:16px}
.siteFooter{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 30%,rgba(215,175,88,.08),transparent 23%),#07090c;color:#fff;padding:58px 0 22px;border-top:1px solid rgba(215,175,88,.12)}.footerGrid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:32px}.footerBrand{display:flex;gap:14px;align-items:center}.footerLogo{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}.footerBrand h3{margin:2px 0 7px;font-size:22px}.footerBrand p{color:#a99e8c;font-size:12px;line-height:1.8;max-width:280px}.footerGrid h4{margin:0 0 14px;font-size:14px}.footerGrid>div>a,.footerGrid>div>span{display:block;color:#bdb3a3;font-size:12px;margin:9px 0}.footerAction{padding:18px;border-radius:22px}.footerAction small{color:#bdb3a3}.footerAction h4{font-size:17px;margin:5px 0 14px}.footerBottom{display:flex;justify-content:space-between;gap:18px;margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#847a6b;font-size:11px}
.assistantModal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px}.assistantModal.show{display:flex}.modalCard{width:min(620px,100%);border-radius:28px;padding:22px;color:#fff}.modalHead{display:flex;justify-content:space-between;align-items:start}.modalHead h3{font-size:28px;margin:5px 0}.modalHead button{background:none;border:0;color:#fff;font-size:28px}.modalChat{display:flex;flex-direction:column;gap:10px;margin:18px 0}.modalActions{display:flex;gap:8px;flex-wrap:wrap}.modalActions button{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.inView{opacity:1;transform:none}
.section.dark>.patternLayer,.faqClosing>.patternLayer,.siteFooter>.patternLayer{display:block;opacity:.36;mix-blend-mode:screen;background-size:320px 320px;filter:saturate(.9) brightness(1.42);overflow:hidden}.journeySection>.patternLayer,.gallerySection>.patternLayer{opacity:.38}.section.dark>.patternLayer:after,.faqClosing>.patternLayer:after,.siteFooter>.patternLayer:after{content:'';position:absolute;top:-30%;bottom:-30%;left:-30%;width:12%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,238,188,.12),transparent);filter:blur(10px);transform:skewX(-18deg);animation:darkPatternSweep 12s ease-in-out infinite}
.heroTitle,.sectionHead h2,.faqClosingHead h2,.aboutCard h3,.eligibilityHeader h3,.serviceHead h3,.slideCopy h3,.footerBrand h3{letter-spacing:0;word-spacing:.025em;font-kerning:normal;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;text-rendering:optimizeLegibility}
@keyframes heroCinematicDrift{0%{transform:scale(1.055)}100%{transform:scale(1.085) translate3d(-.7%,-.35%,0)}}@keyframes heroTitleReveal{to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes heroGoldSweep{0%,68%,100%{background-position:100% 0}82%{background-position:0 0}}@keyframes verseGoldSweep{0%,12%{left:-32%;opacity:0}18%{opacity:.78}46%{left:114%;opacity:.5}52%,100%{left:114%;opacity:0}}@keyframes registrationGlassSweep{0%,12%{left:-35%;opacity:0}18%{opacity:.58}42%{left:116%;opacity:.32}48%,100%{left:116%;opacity:0}}@keyframes maroonPulse{70%{box-shadow:0 0 0 12px rgba(154,33,69,0)}}@keyframes aboutGlassSweep{0%,18%{left:-32%;opacity:0}26%{opacity:.5}50%{left:118%;opacity:.2}58%,100%{left:118%;opacity:0}}@keyframes creamPatternSweep{0%,18%{left:-28%;opacity:0}25%{opacity:.32}48%{left:112%;opacity:.16}55%,100%{left:112%;opacity:0}}@keyframes darkPatternSweep{0%,20%{left:-30%;opacity:0}28%{opacity:.34}48%{left:114%;opacity:.12}55%,100%{left:114%;opacity:0}}
@media(max-width:1000px){.heroGrid,.regGrid,.eligibilityGrid,.faqColumns{grid-template-columns:1fr}.heroCopy{grid-column:auto;width:100%;padding:22px}.heroCopy:after{display:none}.heroTitle{font-size:clamp(27px,4.4vw,38px)!important;white-space:normal}.hero .verse{position:static;transform:none;width:100%;margin:18px 0 0;padding:20px 22px 18px}.stageRibbon{grid-template-columns:repeat(2,1fr)}.timelineSteps{grid-template-columns:repeat(3,1fr)}.conditionList{grid-template-columns:1fr 1fr}.smartEligibility{grid-template-columns:1fr 1fr}.serviceIconGrid{grid-template-columns:repeat(2,1fr)}.aboutCards{grid-template-columns:1fr}.aboutRoute{grid-template-columns:1fr}.aboutRoute>svg{transform:rotate(-90deg);justify-self:center}.footerGrid{grid-template-columns:1fr 1fr}.footerAction{grid-column:1/-1}.section.dark>.patternLayer,.faqClosing>.patternLayer{opacity:.30}.faqClosingHead{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.sectionHead h2,.faqClosingHead h2{white-space:normal;font-size:24px}}
@media(max-width:700px){.links{display:none}.topnav{height:56px}.brandLogo{width:44px;height:44px}.brandText b{font-size:13px}.navCta{font-size:10px}.heroGrid{padding-top:120px}.heroPhoto{animation:none;transform:scale(1.065)}.hero>.patternLayer{opacity:.13}.heroCopy{padding:18px 16px 20px}.heroTitle{font-size:28px!important;line-height:1.3!important}.heroCopy p{font-size:15px}.hero .verse{display:none}.section{padding:68px 0}.sectionHead h2,.faqClosingHead h2{font-size:21px;line-height:1.3}.sectionHead p,.faqClosingHead p{font-size:12px}.registrationStage{padding:12px}.stageRibbon,.conditionList,.smartEligibility,.serviceIconGrid,.footerGrid{grid-template-columns:1fr}.aiPanel,.manualPanel{min-height:auto;border-radius:24px}.journeySection{padding:68px 0 76px}.journeySection .shell{padding:24px 18px 20px;border-radius:28px}.timelineSteps{display:flex;flex-direction:column;gap:10px}.timelineStep{display:grid;grid-template-columns:62px 1fr;text-align:right;padding:12px;min-height:92px}.timelineStep span{width:52px;height:52px;margin:0}.timelineStep strong{align-self:end}.timelineStep small{margin-top:-16px}.aboutSection{padding-top:64px;padding-bottom:70px}.aboutPanel{padding:12px;border-radius:27px}.aboutCard{grid-template-columns:52px 1fr;padding:18px}.aboutIcon{width:48px;height:48px}.aboutCard h3{font-size:17px}.aboutCard p{font-size:11px}.aboutCard:after{display:none}.hajjSlider{min-height:390px;border-radius:26px}.slideShade{background:linear-gradient(180deg,rgba(5,7,9,.12),rgba(5,7,9,.48) 48%,rgba(5,7,9,.94) 82%)}.slideCopy{right:20px;left:20px;bottom:86px;width:auto;padding:14px}.slideCopy h3{font-size:24px}.slideCopy p{font-size:12px}.galleryControls{left:50%;bottom:22px;transform:translateX(-50%)}.faqPremium{padding:16px}.faqColumns{grid-template-columns:1fr}.faqClosing{padding-top:72px}.footerBottom{flex-direction:column}.footerLogo{width:78px;height:78px}.section.dark>.patternLayer,.faqClosing>.patternLayer,.siteFooter>.patternLayer{opacity:.24;background-size:280px 280px}.section.dark>.patternLayer:after,.faqClosing>.patternLayer:after,.siteFooter>.patternLayer:after{display:none}}