@import url("https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Reem+Kufi:wght@400;700&display=swap");:root{--d1-sand-dark:#8B7355;--d1-sand-mid:#C4A77D;--d1-sand-light:#E8DCC4;--d1-sand-cream:#F5EDE3;--d1-gold:#D4AF37;--d1-gold-light:#F4E4BC;--d1-gold-dark:#B8960C;--d1-emerald:#047857;--d1-emerald-dark:#065F46;--d1-burgundy:#8B1538;--d1-charcoal:#1C1917;--d1-white:#FFFFFF;--d1-font-arabic:"Amiri",serif;--d1-font-display:"Reem Kufi",sans-serif;--d1-font-body:"Cairo",sans-serif;--d1-spacing-xs:0.5rem;--d1-spacing-sm:1rem;--d1-spacing-md:2rem;--d1-spacing-lg:3rem;--d1-spacing-xl:5rem}*,:after,:before{box-sizing:border-box}.design1-narrative{font-family:var(--d1-font-body);background:linear-gradient(180deg,var(--d1-sand-cream) 0,var(--d1-sand-light) 50%,var(--d1-sand-mid) 100%);color:var(--d1-charcoal);line-height:1.6;position:relative;height:100dvh;overflow-x:hidden;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){.design1-narrative{scroll-behavior:auto}.d1-section{scroll-snap-stop:normal}.d1-bio-glow,.d1-bio-map-path{animation:none}}.d1-desert-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.dune{position:absolute;border-radius:50%;opacity:.1;animation:duneFloat 25s ease-in-out infinite}.dune-1{width:800px;height:400px;background:radial-gradient(ellipse,var(--d1-sand-mid),transparent);bottom:-100px;left:-200px}.dune-2{width:600px;height:300px;background:radial-gradient(ellipse,var(--d1-gold),transparent);bottom:20%;right:-150px;animation-delay:-8s}.dune-3{width:500px;height:250px;background:radial-gradient(ellipse,var(--d1-emerald),transparent);top:30%;left:30%;animation-delay:-16s}.sun-glow{position:absolute;top:10%;right:10%;width:300px;height:300px;background:radial-gradient(circle,var(--d1-gold-light),transparent);border-radius:50%;opacity:.15;animation:sunPulse 8s ease-in-out infinite}@keyframes duneFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}@keyframes sunPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}.d1-section{position:relative;z-index:1;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}@media (min-width:769px){.d1-section{height:100vh;height:100dvh;min-height:100dvh;overflow:hidden}}@media (max-width:768px){.d1-section{min-height:100dvh;height:auto;overflow:visible}}.d1-section-content{width:min(90%,1000px);margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:90%;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}@media (max-width:768px){.d1-section-content{justify-content:flex-start;align-items:center;padding:max(2rem,env(safe-area-inset-top)) 0 max(2rem,env(safe-area-inset-bottom));gap:1rem}.d1-section-header{margin-bottom:.5rem!important;flex-shrink:0;width:100%;padding-inline:1rem}}.d1-section-content::-webkit-scrollbar{display:none}.d1-section-header{margin-bottom:var(--d1-spacing-lg)}.section-label{display:block;font-family:var(--d1-font-arabic);font-size:1rem;color:var(--d1-gold);margin-bottom:var(--d1-spacing-xs);letter-spacing:.1em}.section-title{font-family:var(--d1-font-display)}.section-title .title-my{display:block;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--d1-charcoal);margin-bottom:.25rem;white-space:pre-line}.section-title .title-en{display:block;font-size:clamp(.85rem,2vw,1rem);font-weight:400;color:var(--d1-sand-dark);font-style:italic}.d1-btn{display:inline-flex;align-items:center;gap:var(--d1-spacing-sm);padding:var(--d1-spacing-sm) var(--d1-spacing-md);border-radius:50px;font-family:var(--d1-font-display);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.d1-btn .btn-text-my{display:block}.d1-btn .btn-text-en{display:block;font-size:.75rem;font-weight:400;opacity:.8}.d1-btn-primary{background:linear-gradient(135deg,var(--d1-gold),var(--d1-gold-dark));color:var(--d1-white);box-shadow:0 4px 20px rgba(212,175,55,.3)}.d1-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 30px rgba(212,175,55,.4)}.d1-btn-secondary{background:transparent;color:var(--d1-emerald-dark);border:2px solid var(--d1-emerald)}.d1-btn-secondary:hover{background:rgba(4,120,87,.1);border-color:var(--d1-gold)}.d1-btn-tertiary{background:rgba(139,115,85,.1);color:var(--d1-sand-dark);border:1px solid var(--d1-sand-mid)}.d1-btn-tertiary:hover{background:rgba(139,115,85,.2)}.d1-btn-large{padding:var(--d1-spacing-md) var(--d1-spacing-lg);font-size:1.1rem}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.d1-btn:hover .btn-icon{transform:translateX(5px)}.d1-hero{text-align:center;padding-top:clamp(4rem,10vh,10rem)}.d1-hero-content{position:relative;z-index:1}.d1-hero-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--d1-spacing-xs);background:rgba(212,175,55,.2);border:2px solid rgba(212,175,55,.5);padding:.75rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:700;color:var(--d1-gold-dark);margin-bottom:var(--d1-spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible;width:auto;max-width:90%}.badge-icon{font-size:1.4rem;flex-shrink:0;line-height:1}.d1-hero-name{font-family:var(--d1-font-display);margin-bottom:var(--d1-spacing-md)}.name-arabic{font-family:var(--d1-font-arabic);font-size:clamp(2rem,5vw,3.5rem);color:var(--d1-emerald-dark);display:block;margin-bottom:.5rem}.name-latin{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;background:linear-gradient(135deg,var(--d1-gold),var(--d1-emerald));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;text-transform:uppercase;letter-spacing:.05em}.d1-hero-tagline{margin-bottom:var(--d1-spacing-sm)}.tagline-my{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600;color:var(--d1-charcoal);margin-bottom:.25rem}.tagline-en{font-size:clamp(.85rem,2vw,1rem);color:var(--d1-sand-dark);font-style:italic}.d1-hero-subtext{margin-bottom:var(--d1-spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.subtext-my{font-size:1rem;color:var(--d1-charcoal);margin-bottom:.25rem}.subtext-en{font-size:.85rem;color:var(--d1-sand-dark);font-style:italic}.d1-scroll-indicator{margin-top:var(--d1-spacing-xl)}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--d1-gold),transparent);margin:0 auto;animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.d1-floating-arabic{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.d1-floating-arabic span{position:absolute;font-family:var(--d1-font-arabic);font-size:3rem;color:rgba(212,175,55,.15);animation:calligraphyFloat 20s ease-in-out infinite}.float-1{top:10%;left:5%}.float-2{top:15%;right:8%;animation-delay:-7s}.float-3{bottom:20%;left:15%;animation-delay:-14s}@keyframes calligraphyFloat{0%,to{transform:translateY(0) rotate(0deg);opacity:.15}50%{transform:translateY(-20px) rotate(5deg);opacity:.25}}.d1-visual-dakwah{background:rgba(255,255,255,.3)}.d1-bio{background:rgba(255,255,255,.25)}.d1-bio-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);grid-gap:var(--d1-spacing-lg);gap:var(--d1-spacing-lg);align-items:center;height:100%}@media (max-width:900px){.d1-bio-layout{grid-template-columns:1fr;gap:var(--d1-spacing-md)}.d1-bio-text{order:1}.d1-bio-visual{order:2}}@media (max-width:768px){.d1-bio-layout{gap:var(--d1-spacing-sm);height:auto}.d1-bio-map{display:none!important}.d1-bio-portrait{width:50%!important;height:auto!important;aspect-ratio:3/4!important;margin-bottom:.5rem}.d1-bio-copy .copy-en,.d1-bio-highlight .highlight-en{display:none}.copy-my{font-size:.95rem!important;line-height:1.4}.highlight-my{font-size:.85rem!important}.d1-bio-highlight{padding:.5rem .8rem;margin-bottom:.5rem}.d1-bio-token{font-size:.75rem;padding:.5rem .6rem}}.d1-bio-visual{display:flex;flex-direction:column;align-items:center;gap:var(--d1-spacing-md)}.d1-bio-portrait{position:relative;width:min(260px,70vw);height:min(320px,70vw);border-radius:24px;background:linear-gradient(160deg,rgba(212,175,55,.15),rgba(4,120,87,.2));border:1px solid rgba(212,175,55,.35);box-shadow:0 20px 40px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;overflow:hidden}.d1-bio-portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02);z-index:1}.d1-bio-glow{position:absolute;inset:-40%;background:radial-gradient(circle,rgba(212,175,55,.3),transparent 60%);opacity:.7;animation:bioGlow 6s ease-in-out infinite;z-index:0}@keyframes bioGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.9}}.d1-bio-silhouette{font-size:5rem;color:rgba(212,175,55,.55);text-shadow:0 10px 30px rgba(212,175,55,.35);z-index:2;mix-blend-mode:soft-light}.d1-bio-caption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:.3rem .9rem;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(212,175,55,.4);font-size:.8rem;font-weight:600;color:var(--d1-gold-dark);z-index:3}.d1-bio-map{display:flex;flex-direction:column;align-items:center;gap:.4rem}.d1-bio-map-svg{width:min(260px,70vw);height:auto}.d1-bio-map-path{fill:none;stroke:rgba(212,175,55,.7);stroke-width:2;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300;animation:mapDraw 2.5s ease forwards}.d1-bio-map-pin{fill:var(--d1-emerald);stroke:var(--d1-white);stroke-width:2}.d1-bio-pin-label{font-size:.85rem;color:var(--d1-sand-dark);font-style:italic}@keyframes mapDraw{to{stroke-dashoffset:0}}.d1-bio-text{text-align:left}@media (max-width:900px){.d1-bio-text{text-align:center;width:100%;max-width:100%;min-width:0;margin-inline:auto;padding-inline:0;overflow-wrap:break-word;white-space:normal}}.d1-bio-copy{margin-bottom:var(--d1-spacing-sm);width:100%;max-width:100%;box-sizing:border-box}@media (max-width:768px){.d1-bio-copy,.d1-bio-highlight{padding-left:1rem;padding-right:1rem;word-wrap:break-word}}.d1-bio-highlight{margin-bottom:var(--d1-spacing-md);padding:.8rem 1rem;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid rgba(212,175,55,.35);box-shadow:0 10px 25px rgba(0,0,0,.08)}.highlight-my{font-size:.95rem;font-weight:600;color:var(--d1-charcoal)}.highlight-en{font-size:.8rem;color:var(--d1-sand-dark);font-style:italic}.d1-bio-tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.6rem;gap:.6rem}@media (max-width:768px){.d1-bio-tokens{display:flex;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;gap:.8rem;width:100%;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start}.d1-bio-tokens::-webkit-scrollbar{display:none}.d1-bio-token{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}}.d1-bio-token{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:999px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.35);font-size:.85rem;font-weight:600;color:var(--d1-gold-dark)}.d1-bio-token-icon{width:30px;height:30px;border-radius:50%;background:var(--d1-white);border:1px solid rgba(212,175,55,.4);display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.d1-bio-token-label{color:var(--d1-charcoal);font-weight:600}.d1-visual-copy{margin-bottom:var(--d1-spacing-lg)}@media (max-width:768px){.d1-visual-copy{margin-bottom:var(--d1-spacing-md);display:none}}.copy-my{font-size:1.1rem;color:var(--d1-charcoal);margin-bottom:.25rem}.copy-en{font-size:.9rem;color:var(--d1-sand-dark);font-style:italic}.d1-paintings-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--d1-spacing-md);gap:var(--d1-spacing-md);margin-bottom:var(--d1-spacing-lg)}@media (max-width:768px){.d1-paintings-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem;margin-bottom:var(--d1-spacing-md)}}.d1-image-slider{position:relative;width:100%;max-width:600px;margin:0 auto var(--d1-spacing-md);overflow:hidden;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15)}.slider-track{display:flex;transition:transform .5s ease-in-out}.slider-slide{min-width:100%;position:relative}.slide-frame{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.slide-frame .frame-corner{position:absolute;color:var(--d1-gold);font-size:1rem;opacity:.7}.slide-frame .frame-corner.tl{top:12px;left:12px}.slide-frame .frame-corner.tr{top:12px;right:12px}.slide-frame .frame-corner.bl{bottom:12px;left:12px}.slide-frame .frame-corner.br{bottom:12px;right:12px}.slide-image{width:100%;height:400px;object-fit:cover;display:block}@media (max-width:768px){.slide-image{height:200px}}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.9);border:2px solid var(--d1-gold);border-radius:50%;color:var(--d1-gold);font-size:1.5rem;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.slider-arrow:hover{background:var(--d1-gold);color:var(--d1-white)}.slider-prev{left:10px}.slider-next{right:10px}.slider-dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);border:2px solid var(--d1-gold);cursor:pointer;transition:all .3s ease}.slider-dot.active,.slider-dot:hover{background:var(--d1-gold)}.d1-painting-card{position:relative;border-radius:12px;overflow:hidden;background:var(--d1-white);box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.d1-painting-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.painting-frame{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.frame-corner{position:absolute;color:var(--d1-gold);font-size:.8rem;opacity:.6}.frame-corner.tl{top:8px;left:8px}.frame-corner.tr{top:8px;right:8px}.frame-corner.bl{bottom:8px;left:8px}.frame-corner.br{bottom:8px;right:8px}.painting-image{width:100%;height:200px;object-fit:cover}@media (max-width:768px){.painting-image{height:120px}}.painting-info{padding:var(--d1-spacing-sm);text-align:left}@media (max-width:768px){.painting-info{padding:.5rem}}.painting-title{font-family:var(--d1-font-display);font-size:1rem;font-weight:600;color:var(--d1-charcoal);margin-bottom:.25rem}@media (max-width:768px){.painting-title{font-size:.85rem}}.painting-location{font-size:.85rem;color:var(--d1-sand-dark)}.d1-visual-stats{margin-bottom:var(--d1-spacing-md)}.stats-my{font-size:1rem;color:var(--d1-emerald-dark);font-weight:600;margin-bottom:.25rem}.stats-en{font-size:.85rem;color:var(--d1-sand-dark);font-style:italic}.d1-qualifications{background:linear-gradient(135deg,rgba(139,21,56,.03),rgba(212,175,55,.05));position:relative;overflow:hidden}.d1-qualifications .d1-section-content{padding-top:1rem;gap:.5rem}@media (min-width:769px){.d1-qualifications .d1-section-content{padding-top:.5rem;gap:.25rem}.d1-qualifications .d1-section-header{margin-bottom:.25rem}}@media (max-width:768px){.d1-qualifications .d1-section-content{padding-top:2rem;justify-content:flex-start}}.qual-decor{position:absolute;width:150px;height:150px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0,0 Q50,0 50,50 Q50,0 100,0 L100,100 Q50,100 50,50 Q50,100 0,100 Z' fill='none' stroke='%23D4AF37' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='50' cy='50' r='30' fill='none' stroke='%23D4AF37' stroke-width='1' opacity='0.2'/%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%23D4AF37' stroke-width='0.5' opacity='0.15'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.6;pointer-events:none;z-index:0}.qual-decor-tl{top:0;left:0}.qual-decor-tr{top:0;right:0;transform:scaleX(-1)}.qual-decor-bl{bottom:0;left:0;transform:scaleY(-1)}.qual-decor-br{bottom:0;right:0;transform:scale(-1)}.d1-credentials-desktop{display:flex;justify-content:center;gap:1rem;max-width:1100px;margin:0 auto .5rem}@media (max-width:768px){.d1-credentials-desktop{display:none!important}.qual-decor{width:80px;height:80px}}@media (min-width:769px){.d1-carousel-dots,.d1-credential-carousel{display:none!important}.d1-credentials-desktop .d1-badge-wrapper{width:280px;height:280px}.d1-credentials-desktop .d1-credential-badge{width:280px;height:280px;padding:1.5rem}.d1-credentials-desktop .badge-icon{font-size:2rem}.d1-credentials-desktop .badge-title{font-size:1.1rem}.d1-credentials-desktop .badge-subtitle{font-size:.8rem}.d1-credentials-desktop .badge-detail{font-size:.75rem}.d1-credentials-desktop .badge-detail-en{font-size:.65rem}.d1-credentials-desktop .badge-verified{font-size:.65rem;padding:.2rem .5rem;margin-top:.5rem}.d1-credentials-desktop .d1-badge-wrapper{width:220px;height:220px}}.d1-badge-wrapper{display:flex;align-items:center;justify-content:center}.d1-badge-image{width:100%;height:100%;object-fit:contain;max-width:280px;max-height:280px;filter:drop-shadow(0 10px 30px rgba(184,150,12,.3));transition:transform .3s ease}.d1-badge-image:hover{transform:scale(1.03)}@media (max-width:768px){.d1-badge-image{max-width:min(250px,70vw);max-height:min(250px,70vw)}}.d1-credential-carousel{position:relative;gap:1rem;width:100%;max-width:500px;margin:0 auto;padding:1rem 0}.carousel-arrow,.d1-credential-carousel{display:flex;align-items:center;justify-content:center}.carousel-arrow{background:rgba(255,255,255,.8);border:1px solid rgba(212,175,55,.3);border-radius:50%;width:40px;height:40px;font-size:1.5rem;color:var(--d1-gold-dark);cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.carousel-arrow:hover{background:rgba(212,175,55,.2);transform:scale(1.1)}.d1-credential-badge{background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.4) 0,transparent 50%),linear-gradient(160deg,#F7EBC8,#E8D5A3 15%,#D4AF37 35%,#C9A227 50%,#B8960C 65%,#A68508 80%,#8B7006);border-radius:50%;width:min(280px,70vw);height:min(280px,70vw);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;box-shadow:0 15px 50px rgba(184,150,12,.4),0 0 0 8px rgba(255,255,255,.25),0 0 0 10px rgba(212,175,55,.15),inset 0 3px 15px rgba(255,255,255,.5),inset 0 -5px 20px rgba(139,112,6,.3);border:3px solid rgba(255,255,255,.6);position:relative}.d1-credential-badge:before{content:"";position:absolute;inset:12px;border-radius:50%;border:2px solid rgba(139,112,6,.3);box-shadow:inset 0 0 0 4px rgba(255,255,255,.15);pointer-events:none}.d1-credential-badge:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(212,175,55,.25);box-shadow:0 0 30px rgba(212,175,55,.15);pointer-events:none}.badge-icon{font-size:2.5rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.badge-title{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:600;color:#3D2E0A;margin:0;line-height:1.15;text-shadow:0 1px 0 rgba(255,255,255,.5),0 -1px 0 rgba(0,0,0,.1);letter-spacing:.02em}.badge-subtitle,.badge-title{font-family:Playfair Display,serif}.badge-subtitle{font-size:clamp(.85rem,2.5vw,1.05rem);font-weight:400;font-style:italic;color:#4A3D14;margin:.35rem 0;text-shadow:0 1px 0 rgba(255,255,255,.4)}.badge-detail{font-size:clamp(.7rem,2vw,.85rem);color:#5C4D1F;margin:.5rem 0 .2rem;font-weight:600}.badge-detail,.badge-detail-en{font-family:var(--d1-font-body)}.badge-detail-en{font-size:clamp(.6rem,1.8vw,.75rem);color:#6B5A28;font-style:italic;margin:0}.badge-verified{background:linear-gradient(135deg,var(--d1-emerald) 0,var(--d1-emerald-dark) 100%);color:white;font-size:.75rem;font-weight:600;padding:.3rem .85rem;border-radius:999px;margin-top:.75rem;box-shadow:0 3px 10px rgba(4,120,87,.3)}.d1-carousel-dots{display:flex;justify-content:center;gap:.75rem;margin:1rem 0}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--d1-gold);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot.active{background:var(--d1-gold);transform:scale(1.2)}.carousel-dot:hover{background:rgba(212,175,55,.5)}.desktop-only{display:block!important}.mobile-only{display:none!important}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.d1-timeline-enhanced{width:100%;max-width:800px;margin:0 auto;padding:0}.timeline-ornament{width:100%;height:12px;display:block}.timeline-points-container{padding:.25rem 3rem}.milestone-year{font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:.2rem}.milestone-dot{width:35px;height:35px;margin-bottom:.3rem}.milestone-dot-svg{filter:drop-shadow(0 4px 10px rgba(184,150,12,.5))}.milestone-card{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(253,248,240,.98));border:1px solid rgba(212,175,55,.35);padding:.5rem .8rem;box-shadow:0 4px 12px rgba(0,0,0,.08),0 0 0 1px rgba(212,175,55,.15)}.milestone-title-my{font-size:clamp(.9rem,2vw,1.1rem);margin-bottom:.3rem}.milestone-title-en{font-size:clamp(.75rem,1.5vw,.85rem)}.timeline-connector-line{position:absolute;top:calc(2.5rem + .4rem + 22px);left:18%;right:18%;height:4px;background:linear-gradient(90deg,rgba(212,175,55,.2),rgba(212,175,55,.8),rgba(212,175,55,.2));border-radius:2px;z-index:1}.d1-timeline-simple{position:relative;display:flex;justify-content:space-between;align-items:flex-start;max-width:100%;margin:.5rem auto 0;padding:0 .75rem}.simple-timeline-item{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1;flex:1 1}.simple-year{font-family:var(--d1-font-display);font-size:.9rem;font-weight:700;color:#8B7006;margin-bottom:.2rem}.simple-dot{width:12px;height:12px;background:var(--d1-gold);border-radius:50%;border:2px solid var(--d1-white);box-shadow:0 0 8px rgba(212,175,55,.5);margin-bottom:.2rem}.simple-label{font-size:.65rem;color:var(--d1-sand-dark);max-width:70px;line-height:1.2}.simple-line{position:absolute;top:calc(.9rem + .2rem + 6px);left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--d1-gold),transparent);z-index:0}.timeline-points-container{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 2rem}.timeline-milestone{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;flex:1 1}.milestone-year{font-family:"Playfair Display",var(--d1-font-display),serif;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:#8B7006;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-bottom:.5rem}.milestone-dot{width:40px;height:40px;margin-bottom:.75rem}.milestone-dot-svg{width:100%;height:100%;filter:drop-shadow(0 3px 8px rgba(184,150,12,.4))}.milestone-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(253,248,240,.95));border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:.75rem 1rem;min-width:120px;max-width:160px;box-shadow:0 4px 12px rgba(0,0,0,.08),0 0 0 1px rgba(212,175,55,.1)}.milestone-title-my{display:block;font-family:var(--d1-font-display);font-size:clamp(.85rem,2vw,1rem);font-weight:600;color:var(--d1-charcoal);margin-bottom:.25rem}.milestone-title-en{display:block;font-size:clamp(.7rem,1.5vw,.8rem);font-style:italic;color:var(--d1-sand-dark)}.timeline-connector{position:absolute;top:calc(1.5rem + 2.2rem + .5rem + 20px);left:15%;right:15%;width:70%;height:6px;z-index:1}@media (max-width:768px){.d1-timeline-enhanced{padding:.5rem .5rem 0}.timeline-points-container{padding:.5rem}.milestone-year{font-size:1.3rem}.milestone-dot{width:30px;height:30px}.milestone-card{min-width:80px;max-width:100px;padding:.5rem .6rem}.milestone-title-my{font-size:.75rem}.milestone-title-en{font-size:.65rem}.timeline-connector{top:calc(1.3rem + 1.5rem + 15px)}.timeline-ornament-bottom,.timeline-ornament-top{height:15px}}@media (max-width:480px){.milestone-card{min-width:70px;max-width:85px;padding:.4rem .5rem}.milestone-year{font-size:1.1rem}.milestone-dot{width:24px;height:24px}.carousel-arrow{width:32px;height:32px;font-size:1.2rem}.d1-credential-carousel .d1-credential-badge{width:min(220px,65vw);height:min(220px,65vw);padding:1.25rem}.badge-icon{font-size:2rem}.timeline-point .timeline-label{max-width:70px;font-size:.7rem}}.d1-credential-card{background:var(--d1-white);border-radius:12px;padding:var(--d1-spacing-lg);box-shadow:0 4px 15px rgba(0,0,0,.08);text-align:center;transition:transform .3s ease;border:1px solid rgba(212,175,55,.2);display:flex;flex-direction:column;justify-content:center;min-height:180px}@media (max-width:768px){.d1-credential-card{padding:.75rem;min-height:0;min-width:80%;scroll-snap-align:center}.credential-detail .detail-en,.credential-title-en{display:none}}.d1-credential-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.credential-content{display:flex;flex-direction:column;align-items:center}.credential-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--d1-emerald);color:var(--d1-white);border-radius:50%;font-size:.7rem;font-weight:700}.credential-title .title-my{font-family:var(--d1-font-display);font-size:1.2rem;font-weight:600;color:var(--d1-charcoal)}@media (max-width:768px){.credential-title .title-my{font-size:.8rem;line-height:1.2}}.credential-title-en{font-size:.85rem;color:var(--d1-sand-dark);font-style:italic;margin-bottom:.5rem}@media (max-width:768px){.credential-title-en{font-size:.7rem;margin-bottom:.25rem}}.credential-detail .detail-my{display:block;font-size:.85rem;color:var(--d1-charcoal)}.credential-detail .detail-en{display:block;font-size:.75rem;color:var(--d1-sand-dark);font-style:italic}.d1-travel{background:rgba(255,255,255,.2)}.d1-travel-copy{max-width:650px;margin:0 auto var(--d1-spacing-md)}.d1-travel-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--d1-spacing-md);gap:var(--d1-spacing-md);margin-bottom:var(--d1-spacing-lg)}@media (max-width:900px){.d1-travel-triptych{grid-template-columns:1fr}}@media (max-width:768px){.d1-travel-triptych{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.d1-travel-triptych::-webkit-scrollbar{display:none}.d1-travel-panel{min-width:85%;scroll-snap-align:center;min-height:220px}}.d1-travel-panel{position:relative;min-height:240px;border-radius:18px;overflow:hidden;background-size:cover;background-position:50%;box-shadow:0 12px 35px rgba(0,0,0,.18);display:flex;align-items:flex-end;transform:translateY(0) scale(1);transition:transform .6s ease,box-shadow .6s ease}.d1-travel-panel:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 45px rgba(0,0,0,.28)}.d1-travel-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.75));z-index:0;transition:background .6s ease}.d1-travel-panel:hover:before{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.8))}.travel-panel-sheen{position:absolute;inset:-30%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.2) 45%,transparent 60%);opacity:.6;transform:translateX(-40%) rotate(8deg);transition:transform .8s ease;z-index:1;pointer-events:none}.d1-travel-panel:hover .travel-panel-sheen{transform:translateX(40%) rotate(8deg)}.travel-panel-content{position:relative;z-index:1;padding:1.2rem 1.1rem;color:var(--d1-white);text-align:left;display:flex;flex-direction:column;gap:.35rem;transform:translateY(0);transition:transform .6s ease}.d1-travel-panel:hover .travel-panel-content{transform:translateY(-4px)}.travel-panel-tag{align-self:flex-start;padding:.25rem .6rem;border-radius:999px;background:rgba(212,175,55,.85);color:#1C1917;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.travel-panel-title{font-family:var(--d1-font-display);font-size:1.1rem;margin:0}.travel-panel-meta{font-size:.85rem;opacity:.9}.travel-panel-note{font-size:.85rem;opacity:.85}@media (prefers-reduced-motion:reduce){.d1-travel-panel,.d1-travel-panel:before,.travel-panel-content,.travel-panel-sheen{transition:none}}.d1-travel-proof{max-width:700px;margin:0 auto var(--d1-spacing-lg);padding:.75rem 1rem;border-radius:14px;background:rgba(255,255,255,.65);border:1px solid rgba(212,175,55,.25)}.proof-my{font-size:.9rem;font-weight:600;color:var(--d1-charcoal)}.proof-en{font-size:.8rem;color:var(--d1-sand-dark);font-style:italic}@media (max-width:768px){.d1-travel-proof{padding:.6rem .8rem;margin-bottom:var(--d1-spacing-md)}.proof-en{display:none}}.d1-travel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--d1-spacing-md);gap:var(--d1-spacing-md);margin-bottom:var(--d1-spacing-lg)}@media (max-width:900px){.d1-travel-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.d1-travel-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:var(--d1-spacing-md)}}.d1-travel-card{background:var(--d1-white);border-radius:12px;padding:var(--d1-spacing-md);box-shadow:0 4px 15px rgba(0,0,0,.08);text-align:left;border:1px solid rgba(212,175,55,.15);display:flex;flex-direction:column;gap:.5rem}.d1-travel-title{font-family:var(--d1-font-display);font-size:1rem;font-weight:600;color:var(--d1-charcoal)}.d1-travel-meta{font-size:.85rem;color:var(--d1-sand-dark)}.d1-travel-note{font-size:.85rem;color:var(--d1-charcoal)}.d1-news{min-height:auto;padding:var(--d1-spacing-xl) var(--d1-spacing-md)}.d1-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--d1-spacing-md);gap:var(--d1-spacing-md);margin-bottom:var(--d1-spacing-lg)}@media (max-width:768px){.d1-news-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem;margin-bottom:var(--d1-spacing-md)}}.d1-news-card{background:var(--d1-white);border-radius:12px;padding:var(--d1-spacing-md);box-shadow:0 4px 15px rgba(0,0,0,.08);text-align:left;transition:transform .3s ease}@media (max-width:768px){.d1-news-card{padding:.75rem}}.d1-news-card:hover{transform:translateY(-3px)}.news-date{font-size:.8rem;color:var(--d1-gold-dark);font-weight:600;margin-bottom:.5rem}.news-title .title-my{display:block;font-family:var(--d1-font-display);font-size:1rem;font-weight:600;color:var(--d1-charcoal);margin-bottom:.25rem}.news-title .title-en{display:block;font-size:.85rem;color:var(--d1-sand-dark);font-style:italic;margin-bottom:.5rem}.news-excerpt .excerpt-my{display:block;font-size:.9rem;color:var(--d1-charcoal)}@media (max-width:768px){.news-excerpt .excerpt-my{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.news-excerpt .excerpt-en{display:block;font-size:.8rem;color:var(--d1-sand-dark);font-style:italic}@media (max-width:768px){.news-excerpt .excerpt-en{display:none}}.d1-contact{background:linear-gradient(180deg,transparent,rgba(139,115,85,.1))}.d1-contact-subheader{margin-bottom:var(--d1-spacing-lg)}@media (max-width:768px){.d1-contact-subheader{margin-bottom:.5rem}}.subheader-my{font-size:1rem;color:var(--d1-charcoal);margin-bottom:.25rem}.subheader-en{font-size:.85rem;color:var(--d1-sand-dark);font-style:italic}.d1-booking-cta{margin-bottom:var(--d1-spacing-xl)}@media (max-width:768px){.d1-booking-cta{margin-bottom:1rem}}.d1-social-section{margin-bottom:var(--d1-spacing-lg)}@media (max-width:768px){.d1-social-section{margin-bottom:1rem}}.social-header{margin-bottom:var(--d1-spacing-sm)}.social-header .title-my{display:block;font-size:1rem;font-weight:600;color:var(--d1-charcoal)}.social-header .title-en{display:block;font-size:.8rem;color:var(--d1-sand-dark);font-style:italic}.d1-social-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--d1-spacing-sm)}@media (max-width:768px){.d1-social-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}}.social-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--d1-white);border-radius:50px;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:all .3s ease;text-decoration:none;color:var(--d1-charcoal)}@media (max-width:768px){.social-link{padding:.5rem;font-size:.8rem}}.social-link:hover{background:var(--d1-gold-light);transform:translateY(-2px)}.social-icon{font-size:1.2rem}.social-name{font-size:.9rem;font-weight:500}.d1-email{margin-bottom:var(--d1-spacing-lg)}@media (max-width:768px){.d1-email{margin-bottom:.75rem}}.d1-email a{color:var(--d1-charcoal);text-decoration:none;font-size:.95rem;transition:color .3s ease}.d1-email a:hover{color:var(--d1-gold-dark)}.d1-footer-quote{margin-bottom:var(--d1-spacing-lg)}@media (max-width:768px){.d1-footer-quote{margin-bottom:1rem}}.d1-footer-quote blockquote{max-width:500px;margin:0 auto;padding:var(--d1-spacing-md);background:rgba(255,255,255,.5);border-radius:12px;border-left:4px solid var(--d1-gold)}@media (max-width:768px){.d1-footer-quote blockquote{padding:var(--d1-spacing-sm)}}.quote-my{font-size:1rem;color:var(--d1-charcoal);font-weight:600;margin-bottom:.25rem}.quote-en{font-style:italic}.d1-copyright,.quote-en{font-size:.85rem;color:var(--d1-sand-dark)}.footer-star{color:var(--d1-gold);margin-left:.5rem}@media (max-width:768px){.d1-section{padding:var(--d1-spacing-lg) var(--d1-spacing-sm);padding-top:2rem;padding-bottom:1.5rem}#hero{height:100dvh;min-height:100dvh;width:100%;padding-top:80px;padding-bottom:2rem;justify-content:flex-start;overflow:hidden}#hero .d1-hero-content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding-top:0;padding-bottom:0}@media (max-height:700px){#hero .d1-hero-content{transform:scale(.85);transform-origin:top center;margin-top:-10px;gap:1rem}#hero{padding-top:70px}}#hero .d1-hero-badge{margin-bottom:1dvh;padding:.5rem 1rem;font-size:.85rem}#hero .d1-hero-name{margin-bottom:2dvh}#hero .name-arabic{font-size:clamp(2rem,8vw,3rem);margin-bottom:0}#hero .name-latin{font-size:clamp(1.8rem,7vw,2.5rem);line-height:1.1}#hero .d1-hero-features{margin-bottom:3dvh;gap:.5rem}@media (max-height:700px){#hero .d1-feature-arabic{font-size:.8rem}#hero .d1-feature-label{font-size:.65rem}}.d1-credentials-grid,.d1-news-grid,.d1-paintings-grid{grid-template-columns:1fr}.d1-credential-card{flex-direction:column;text-align:center}.d1-floating-arabic{display:none}}.d1-sand-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.d1-theme-toggle{position:fixed;top:20px;left:20px;z-index:1001;width:60px;height:30px;background:rgba(255,255,255,.9);border:1px solid rgba(212,175,55,.3);border-radius:15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:4px;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.d1-theme-toggle:hover{transform:scale(1.05)}.theme-icon{font-size:14px;transition:opacity .3s ease;opacity:.4}.theme-icon.active{opacity:1}.toggle-slider{position:absolute;width:22px;height:22px;background:var(--d1-gold);border-radius:50%;left:4px;top:50%;transform:translateY(-50%);transition:transform .3s ease}[data-theme=dark] .toggle-slider{transform:translateY(-50%) translateX(30px)}.d1-nav-dots{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:15px}.d1-nav-dot{width:12px;height:12px;border-radius:50%;background:rgba(139,115,85,.3);border:2px solid rgba(139,115,85,.4);transition:all .3s ease;position:relative;cursor:pointer}.d1-nav-dot:hover{background:rgba(139,115,85,.5);transform:scale(1.2)}.d1-nav-dot.active{background:var(--d1-gold);border-color:var(--d1-gold);box-shadow:0 0 20px rgba(212,175,55,.4)}.d1-nav-dot .dot-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--d1-white);border-radius:50%;opacity:0}.d1-nav-dot.active .dot-inner{opacity:1;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(2);opacity:0}}@media (max-width:768px){.d1-nav-dots{display:none}}.d1-mobile-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1002;width:44px;height:44px;background:rgba(255,255,255,.95);border:2px solid var(--d1-gold);border-radius:10px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;box-shadow:0 2px 15px rgba(0,0,0,.1)}.hamburger-line{width:22px;height:2px;background:var(--d1-charcoal);transition:all .3s ease;border-radius:2px}.d1-mobile-toggle.open .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.d1-mobile-toggle.open .hamburger-line:nth-child(2){opacity:0}.d1-mobile-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.d1-mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.d1-mobile-overlay.open{opacity:1;pointer-events:auto}.d1-mobile-menu{position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--d1-sand-cream);z-index:1001;transition:left .3s ease;box-shadow:4px 0 20px rgba(0,0,0,.15);overflow-y:auto}.d1-mobile-menu.open{left:0}.mobile-menu-header{padding:25px 20px;border-bottom:1px solid var(--d1-sand-mid)}.menu-title{font-family:var(--d1-font-display);font-size:1.25rem;font-weight:700;color:var(--d1-charcoal)}.mobile-menu-list{list-style:none;padding:20px 0;margin:0}.mobile-menu-item{display:flex;align-items:center;gap:15px;width:100%;padding:15px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:all .3s ease;font-family:var(--d1-font-body)}.mobile-menu-item.active,.mobile-menu-item:hover{background:rgba(212,175,55,.15)}.mobile-menu-item.active{border-left:4px solid var(--d1-gold)}.menu-item-icon{font-size:1.5rem}.menu-item-label{font-size:1rem;font-weight:600;color:var(--d1-charcoal);display:block}.menu-item-label-en{font-size:.75rem;color:var(--d1-sand-dark);font-style:italic;display:block}@media (max-width:768px){.d1-mobile-toggle{display:flex}.d1-theme-toggle{top:12px;left:12px}}[data-theme=dark] .design1-narrative{background:linear-gradient(180deg,#252535,#2E2E3E 50%,#3D3D4D);color:#F5F5F5}[data-theme=dark] .d1-hero-badge{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.3)}[data-theme=dark] .name-arabic{color:#10B981}[data-theme=dark] .copy-my{color:#F5F5F5}[data-theme=dark] .copy-en{color:#A0A0B0}[data-theme=dark] .section-title .title-my{color:#F5F5F5}[data-theme=dark] .section-title .title-en{color:#A0A0B0}[data-theme=dark] .section-label{color:#FFD700}[data-theme=dark] .d1-visual-dakwah{background:rgba(0,0,0,.15)}[data-theme=dark] .d1-bio{background:rgba(0,0,0,.18)}[data-theme=dark] .d1-credential-card,[data-theme=dark] .d1-news-card,[data-theme=dark] .d1-painting-card,[data-theme=dark] .d1-travel-card{background:rgba(30,30,60,.8);border:1px solid rgba(255,215,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.3)}[data-theme=dark] .credential-title .title-my,[data-theme=dark] .d1-travel-title,[data-theme=dark] .news-title .title-my,[data-theme=dark] .painting-title{color:#F5F5F5}[data-theme=dark] .credential-detail .detail-en,[data-theme=dark] .credential-detail .detail-my,[data-theme=dark] .credential-title-en,[data-theme=dark] .d1-travel-meta,[data-theme=dark] .d1-travel-note,[data-theme=dark] .news-excerpt .excerpt-my,[data-theme=dark] .painting-location{color:#A0A0B0}[data-theme=dark] .d1-travel-panel:before{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.8))}[data-theme=dark] .d1-travel-panel:hover:before{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.9))}[data-theme=dark] .travel-panel-tag{background:rgba(255,215,0,.85);color:#1C1917}[data-theme=dark] .d1-travel-proof{background:rgba(20,20,40,.7);border-color:rgba(255,215,0,.2)}[data-theme=dark] .proof-my{color:#F5F5F5}[data-theme=dark] .proof-en{color:#C0C0D0}[data-theme=dark] .d1-credentials-timeline:before{background:rgba(255,215,0,.35)}[data-theme=dark] .d1-credentials-timeline:after{color:#FFD700}[data-theme=dark] .timeline-dot{background:#FFD700;box-shadow:0 0 12px rgba(255,215,0,.35)}[data-theme=dark] .d1-credentials-timeline{background:rgba(20,20,40,.7);border-color:rgba(255,215,0,.2)}[data-theme=dark] .timeline-title,[data-theme=dark] .timeline-year{color:#F5F5F5}[data-theme=dark] .timeline-title-en{color:#C0C0D0}[data-theme=dark] .d1-bio-portrait{background:linear-gradient(160deg,rgba(255,215,0,.12),rgba(16,185,129,.18));border-color:rgba(255,215,0,.25)}[data-theme=dark] .d1-bio-silhouette{color:rgba(255,215,0,.5)}[data-theme=dark] .d1-bio-caption{background:rgba(30,30,60,.85);border-color:rgba(255,215,0,.25);color:#F5F5F5}[data-theme=dark] .d1-bio-map-path{stroke:rgba(255,215,0,.7)}[data-theme=dark] .d1-bio-map-pin{fill:#10B981;stroke:#1E1E3A}[data-theme=dark] .d1-bio-pin-label{color:#C0C0D0}[data-theme=dark] .d1-bio-highlight{background:rgba(30,30,60,.6);border-color:rgba(255,215,0,.25)}[data-theme=dark] .highlight-my{color:#F5F5F5}[data-theme=dark] .highlight-en{color:#C0C0D0}[data-theme=dark] .d1-bio-token{background:rgba(45,45,70,.6);border-color:rgba(255,215,0,.25)}[data-theme=dark] .d1-bio-token-icon{background:rgba(20,20,40,.9);border-color:rgba(255,215,0,.3)}[data-theme=dark] .d1-bio-token-label{color:#F5F5F5}[data-theme=dark] .d1-credentials{background:linear-gradient(135deg,rgba(139,21,56,.06),rgba(255,215,0,.06))}[data-theme=dark] .stats-my{color:#FFD700}[data-theme=dark] .stats-en{color:#C0C0D0}[data-theme=dark] .d1-btn-secondary{border-color:#FFD700}[data-theme=dark] .d1-btn-secondary .btn-text-my{color:#FFD700}[data-theme=dark] .d1-btn-secondary .btn-text-en{color:#C0C0D0}[data-theme=dark] .d1-contact-subheader .subheader-my,[data-theme=dark] .social-header .title-my{color:#D0D0E0}[data-theme=dark] .d1-contact-subheader .subheader-en,[data-theme=dark] .social-header .title-en{color:#A0A0B0}[data-theme=dark] .d1-email a{color:#C0C0D0}[data-theme=dark] .d1-contact{background:linear-gradient(180deg,transparent,#151520)}[data-theme=dark] .social-link{background:rgba(45,45,65,.5);border:1px solid rgba(255,215,0,.3);color:#F5F5F5}[data-theme=dark] .social-link:hover{background:rgba(60,60,85,.7)}[data-theme=dark] .d1-footer-quote blockquote{background:rgba(30,30,60,.6)}[data-theme=dark] .quote-my{color:#F5F5F5}[data-theme=dark] .d1-copyright{color:#A0A0B0}[data-theme=dark] .d1-theme-toggle{background:rgba(30,30,60,.9);border-color:rgba(255,215,0,.3)}[data-theme=dark] .d1-nav-dot{background:rgba(255,215,0,.3);border-color:rgba(255,215,0,.4)}[data-theme=dark] .dune{opacity:.05}[data-theme=dark] .sun-glow{background:radial-gradient(circle,rgba(255,215,0,.1),transparent)}.d1-floating-nav{position:fixed;bottom:24px;right:16px;z-index:1000;display:none;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.d1-floating-nav{display:block}}.d1-floating-nav.hidden{transform:translateY(100px);opacity:0;pointer-events:none}.d1-floating-nav.visible{transform:translateY(0);opacity:1}.d1-nav-indicator{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(245,237,227,.95),rgba(232,220,196,.95));border:2px solid rgba(212,175,55,.4);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px rgba(139,21,56,.12),0 2px 8px rgba(212,175,55,.15);cursor:pointer;transition:all .3s ease;font-family:var(--d1-font-display)}.d1-nav-indicator:hover{transform:translateY(-2px);border-color:var(--d1-gold);box-shadow:0 6px 20px rgba(139,21,56,.18),0 3px 10px rgba(212,175,55,.2)}.d1-nav-indicator:active{transform:scale(.98)}[data-theme=dark] .d1-nav-indicator{background:linear-gradient(135deg,rgba(30,30,50,.95),rgba(40,40,65,.95));border-color:rgba(255,215,0,.3)}.indicator-icon{font-size:.9rem;color:var(--d1-gold);transition:transform .3s ease}.d1-floating-nav.expanded .indicator-icon{transform:rotate(45deg)}.indicator-position{font-size:.85rem;font-weight:600;color:var(--d1-charcoal);letter-spacing:.05em}[data-theme=dark] .indicator-position{color:#F5F5F5}.d1-progress-container{width:100%;height:4px;background:rgba(212,175,55,.2);border-radius:2px;overflow:hidden}.d1-progress-bar{height:100%;background:linear-gradient(90deg,var(--d1-gold),var(--d1-emerald));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.d1-current-section{display:flex;flex-direction:column;align-items:center;gap:2px}.d1-arabic-label{font-family:var(--d1-font-arabic);font-size:1.2rem;color:var(--d1-burgundy);letter-spacing:.05em}[data-theme=dark] .d1-arabic-label{color:#FFD700}.d1-english-label{font-family:var(--d1-font-display);font-size:.7rem;color:var(--d1-sand-dark);text-transform:uppercase;letter-spacing:.1em}[data-theme=dark] .d1-english-label{color:#A0A0B0}.d1-expand-icon{font-size:.6rem;color:var(--d1-gold);transition:transform .3s ease;margin-top:4px}.d1-expand-icon.rotated{transform:rotate(180deg)}.d1-nav-list-container{position:absolute;bottom:100%;right:0;margin-bottom:12px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}.d1-floating-nav.expanded .d1-nav-list-container{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.d1-nav-list{background:linear-gradient(135deg,rgba(245,237,227,.98),rgba(232,220,196,.98));border:2px solid rgba(212,175,55,.4);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 48px rgba(139,21,56,.2),0 8px 24px rgba(212,175,55,.15);padding:8px;min-width:180px;list-style:none;margin:0}[data-theme=dark] .d1-nav-list{background:linear-gradient(135deg,rgba(30,30,50,.98),rgba(40,40,65,.98));border-color:rgba(255,215,0,.3)}.d1-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--d1-font-body)}.d1-nav-item:hover{background:rgba(212,175,55,.15)}.d1-nav-item.active{background:linear-gradient(135deg,var(--d1-gold),var(--d1-gold-dark))}.d1-nav-item.active .d1-item-arabic,.d1-nav-item.active .d1-item-english{color:white}.d1-item-arabic{font-family:var(--d1-font-arabic);font-size:1rem;color:var(--d1-burgundy);flex:1 1}[data-theme=dark] .d1-nav-item:not(.active) .d1-item-arabic{color:#FFD700}.d1-item-english{font-family:var(--d1-font-body);font-size:.65rem;color:var(--d1-sand-dark);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}[data-theme=dark] .d1-nav-item:not(.active) .d1-item-english{color:#A0A0B0}.d1-item-progress{width:4px;height:24px;background:rgba(212,175,55,.2);border-radius:2px;overflow:hidden}.d1-item-progress-fill{width:100%;height:0;background:var(--d1-emerald);border-radius:2px;transition:height .3s ease}.d1-item-progress-fill.filled{height:100%}.d1-nav-item.active .d1-item-progress-fill{background:white}@keyframes d1PulseGlow{0%,to{box-shadow:0 8px 32px rgba(139,21,56,.15),0 4px 12px rgba(212,175,55,.2)}50%{box-shadow:0 8px 32px rgba(139,21,56,.25),0 4px 12px rgba(212,175,55,.4)}}.d1-floating-nav:not(.expanded) .d1-nav-pill{animation:d1PulseGlow 3s ease-in-out infinite}.d1-floating-nav.expanded .d1-nav-pill{animation:none}.d1-flow-connector{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:8px 0;position:relative;z-index:1;margin:-20px 0}.flow-line{width:40px;height:2px;position:relative;overflow:hidden}.flow-line-inner{width:100%;height:100%;background:linear-gradient(90deg,transparent 0,var(--d1-gold) 50%,transparent 100%);animation:flowPulseH 2s ease-in-out infinite}@keyframes flowPulseH{0%,to{opacity:.3}50%{opacity:.8}}.flow-marker{display:flex;flex-direction:column;align-items:center;gap:2px}.flow-star{font-size:.75rem;color:var(--d1-gold);animation:starTwinkle 3s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.flow-progress{font-family:var(--d1-font-display);font-size:.6rem;color:var(--d1-sand-dark);opacity:.7}[data-theme=dark] .flow-progress{color:#A0A0B0}@media (max-width:768px){.d1-flow-connector{gap:8px;margin:-15px 0}.flow-line{width:30px}.flow-star{font-size:.65rem}.flow-progress{font-size:.55rem}}.d1-next-hint{display:none!important;position:absolute;bottom:20px;left:20px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;border:1px solid rgba(212,175,55,.4);transition:all .3s ease;z-index:10}.d1-next-hint:hover{background:rgba(255,255,255,.95);transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,175,55,.25)}.next-hint-arrow{font-size:1.1rem;color:var(--d1-gold);animation:hintBounce 2s ease-in-out infinite}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}[data-theme=dark] .d1-next-hint{background:rgba(30,30,50,.8);border-color:rgba(255,215,0,.4)}@media (max-width:768px){.d1-next-hint{width:36px;height:36px;bottom:15px;left:15px}.next-hint-arrow{font-size:1rem}}.d1-hero-features{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:var(--d1-spacing-lg);flex-wrap:wrap}.d1-feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.d1-feature-arabic{font-family:var(--d1-font-arabic);font-size:1.5rem;color:var(--d1-burgundy);line-height:1}[data-theme=dark] .d1-feature-arabic{color:#FFD700}.d1-feature-label{font-family:var(--d1-font-body);font-size:.85rem;color:var(--d1-charcoal);text-transform:uppercase;letter-spacing:.1em;font-weight:600}[data-theme=dark] .d1-feature-label{color:#A0A0B0}@media (max-width:768px){.d1-hero-features{grid-gap:1.5rem;gap:1.5rem;display:grid;grid-template-columns:1fr 1fr}}.d1-calendar-container{border-radius:20px;padding:1.5rem;margin:1rem auto;max-width:450px}.d1-calendar-header h3{font-family:var(--d1-font-display);color:var(--d1-emerald-dark);margin-bottom:1rem;font-size:1.2rem}.d1-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;margin-bottom:1rem}.calendar-weekday{font-size:.75rem;font-weight:700;color:var(--d1-sand-dark);text-transform:uppercase;padding-bottom:5px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s ease}.calendar-day.available{background:rgba(4,120,87,.1);color:var(--d1-emerald-dark);border:1px solid rgba(4,120,87,.2)}.calendar-day.busy{background:rgba(139,21,56,.05);color:rgba(139,21,56,.4);text-decoration:line-through}.calendar-day.available:hover{background:var(--d1-emerald);color:var(--d1-white);transform:scale(1.1)}.calendar-legend{display:flex;justify-content:center;gap:1.5rem;font-size:.75rem;color:var(--d1-charcoal);margin-top:.5rem}.legend-item{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:50%}.dot.available{background:var(--d1-emerald)}.dot.busy{background:var(--d1-burgundy);opacity:.4}.d1-contact-invitation{margin:1rem auto;font-family:var(--d1-font-display);font-size:1.1rem;font-weight:600;color:var(--d1-charcoal);max-width:600px}.d1-contact{overflow:hidden}.d1-contact .d1-section-content{justify-content:center;gap:.5rem;height:95%}.d1-contact .d1-section-header{margin-bottom:.5rem}.d1-calendar-container{background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.3);border-radius:16px;padding:.75rem;margin:.25rem auto;width:100%;max-width:380px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.d1-calendar-header h3{font-size:1rem;margin-bottom:.5rem}.d1-calendar-grid{gap:4px}.calendar-day{font-size:.75rem;border-radius:4px}.calendar-legend{font-size:.65rem;gap:1rem}.d1-contact-invitation{font-size:1rem;margin:.5rem auto;max-width:500px}.d1-inline-quotes{margin-top:.75rem;height:2.5rem;position:relative;text-align:center}.d1-inline-quotes,.inline-quote-item{display:flex;justify-content:center;align-items:center}.inline-quote-item{font-family:var(--d1-font-arabic);font-size:clamp(.85rem,2.2vw,1rem);color:var(--d1-emerald-dark);font-style:italic;line-height:1.3;position:absolute;width:100%;left:0;transition:all .8s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(5px);pointer-events:none}.inline-quote-item.active{opacity:1;transform:translateY(0);pointer-events:auto}[data-theme=dark] .inline-quote-item{color:#FFD700}[data-theme=dark] .d1-contact-invitation{color:var(--d1-sand-light)}.d1-footer-compact{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(212,175,55,.15)}.social-link-icon{font-size:.8rem;color:var(--d1-gold-dark);text-decoration:none;font-weight:600}.d1-copyright-text{font-size:.7rem;color:var(--d1-sand-dark);opacity:.8}@media (max-width:768px){.d1-contact{height:100dvh;min-height:100dvh;overflow:hidden}.d1-contact .d1-section-content{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:max(2dvh,env(safe-area-inset-top));padding-bottom:max(1.5dvh,env(safe-area-inset-bottom));gap:1.5dvh}.d1-section-header{margin-bottom:0!important;flex-shrink:0}.d1-section-header .section-title{font-size:clamp(1.2rem,5vmin,2rem)}.d1-contact-subheader{font-size:clamp(.7rem,3.5vmin,.9rem);margin-bottom:.5dvh}.d1-calendar-container{max-width:100%;padding:1dvh;margin:0;flex-shrink:1;overflow:hidden}.d1-calendar-header h3{font-size:clamp(.8rem,4vmin,1rem);margin-bottom:.5dvh}.calendar-day{height:clamp(20px,4.5dvh,35px);font-size:clamp(.6rem,3vmin,.9rem)}.d1-contact-invitation{font-size:clamp(.7rem,3.5vmin,.85rem);margin-bottom:1dvh;flex-shrink:2}.d1-inline-quotes{height:5dvh;min-height:30px;display:flex;align-items:center;justify-content:center}.inline-quote-item p{font-size:clamp(.7rem,3.5vmin,.9rem)}.d1-footer-compact{margin-top:auto;padding-top:1dvh;gap:.5dvh;flex-shrink:0}}