:root{--color-primary:#0a4d4a;--color-primary-light:#0d6b66;--color-primary-dark:#063635;--color-accent:#c9a227;--color-accent-light:#e3bc4a;--color-cream:#faf8f4;--color-cream-dark:#f0ebe0;--color-text:#1a1a2e;--color-text-light:#4a4a5a;--color-white:#fff;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Outfit",-apple-system,sans-serif;--shadow-soft:0 4px 20px rgba(10,77,74,.08);--shadow-medium:0 8px 40px rgba(10,77,74,.12);--shadow-glow:0 0 60px rgba(201,162,39,.15);--transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-cream);color:var(--color-text);line-height:1.7;font-weight:400;overflow-x:hidden}.geometric-bg{width:100%;height:100%;pointer-events:none;opacity:.03;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230a4d4a' stroke-width='1'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z'/%3E%3Cpath d='M40 10 L70 40 L40 70 L10 40 Z'/%3E%3Cpath d='M40 20 L60 40 L40 60 L20 40 Z'/%3E%3Ccircle cx='40' cy='40' r='8'/%3E%3C/g%3E%3C/svg%3E")}.geometric-bg,.nav{position:fixed;top:0;left:0}.nav{right:0;z-index:1000;padding:1rem 2rem;background:hsla(40,37%,97%,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(10,77,74,.08);transition:var(--transition-smooth)}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none;letter-spacing:-.02em}.nav-logo span{color:var(--color-accent)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{font-size:.9rem;font-weight:500;color:var(--color-text-light);text-decoration:none;position:relative}.nav-links a,.nav-links a:after{transition:var(--transition-smooth)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent)}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--color-primary);color:var(--color-white)!important;padding:.75rem 1.5rem;border-radius:50px;font-weight:600}.nav-cta:hover{background:var(--color-primary-light)!important}.nav-cta:after{display:none!important}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 50%,var(--color-primary-light) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.1'%3E%3Cpath d='M60 0 L120 60 L60 120 L0 60 Z'/%3E%3Cpath d='M60 15 L105 60 L60 105 L15 60 Z'/%3E%3Cpath d='M60 30 L90 60 L60 90 L30 60 Z'/%3E%3Ccircle cx='60' cy='60' r='12'/%3E%3Cpath d='M60 0 v120 M0 60 h120'/%3E%3C/g%3E%3C/svg%3E");opacity:.4}.hero-content{position:relative;z-index:1;max-width:900px;text-align:center;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.25rem;border-radius:50px;font-size:.85rem;font-weight:500;color:var(--color-cream);margin-bottom:2rem;border:1px solid hsla(0,0%,100%,.2);animation:fadeInUp 1s ease-out .2s backwards}.hero-presented-by{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out .1s backwards}.hero-logo{height:60px;width:auto;filter:brightness(0) invert(1)}.hero-presented-by span{color:hsla(0,0%,100%,.9);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:700;color:var(--color-white);line-height:1.1;margin-bottom:1rem;letter-spacing:-.03em;animation:fadeInUp 1s ease-out .3s backwards}.hero-title span{display:block;color:var(--color-accent-light);font-style:italic;font-weight:400}.hero-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.85);margin-bottom:2.5rem;font-weight:300;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .4s backwards}.hero-cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .5s backwards}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:600;text-decoration:none;border-radius:50px;transition:var(--transition-smooth);cursor:pointer;border:none}.btn-primary{background:var(--color-accent);color:var(--color-text);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 0 80px rgba(201,162,39,.3)}.btn-secondary{background:transparent;color:var(--color-white);border:2px solid hsla(0,0%,100%,.4)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.6)}.hero-date{margin-top:3rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.15);animation:fadeInUp 1s ease-out .6s backwards}.hero-date-featured{text-align:center;margin-bottom:2rem}.hero-date-featured .hero-date-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-light);margin-bottom:.5rem}.hero-date-value-large{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-white)}.hero-date-row{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.hero-date-item{text-align:center}.hero-date-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:hsla(0,0%,100%,.6);margin-bottom:.25rem}.hero-date-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-white)}.crescent{position:absolute;right:5%;top:20%;width:200px;height:200px;opacity:.1;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}section{position:relative;z-index:1;padding:6rem 2rem}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:.4rem 1rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;color:var(--color-text-light);max-width:600px;margin:0 auto}.theme-section{background:var(--color-white)}.theme-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.theme-text h3{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem}.theme-text p{color:var(--color-text-light);margin-bottom:1.5rem;font-size:1.05rem}.theme-quote{font-family:var(--font-display);font-size:1.5rem;font-style:italic;color:var(--color-primary);padding-left:1.5rem;border-left:4px solid var(--color-accent);margin:2rem 0}.theme-card,.theme-visual{position:relative}.theme-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:20px;padding:3rem;color:var(--color-white);overflow:hidden}.theme-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.1'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z'/%3E%3Ccircle cx='30' cy='30' r='8'/%3E%3C/g%3E%3C/svg%3E")}.theme-card-content{position:relative;z-index:1}.theme-card h4{font-family:var(--font-display);font-size:1.75rem;margin-bottom:1rem}.theme-card ul{list-style:none;margin-top:1.5rem}.theme-card li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:1rem}.theme-card li:before{content:"✦";color:var(--color-accent-light);font-size:.75rem;margin-top:.3rem}.speaker-section{background:var(--color-cream)}.speaker-card{display:grid;grid-template-columns:350px 1fr;grid-gap:4rem;gap:4rem;background:var(--color-white);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-medium)}.speaker-image{position:relative;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;min-height:500px;overflow:hidden}.speaker-photo{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.speaker-video-btn{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:linear-gradient(0deg,rgba(10,77,74,.95) 0,rgba(10,77,74,.7) 70%,transparent);color:var(--color-white);text-decoration:none;transition:var(--transition-smooth)}.speaker-video-btn:hover{background:linear-gradient(0deg,#0a4d4a 0,rgba(13,107,102,.85) 70%,rgba(13,107,102,.5));transform:translateY(-2px)}.play-icon{width:56px;height:56px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 20px rgba(201,162,39,.4);transition:var(--transition-smooth)}.speaker-video-btn:hover .play-icon{background:var(--color-accent-light);box-shadow:0 0 30px rgba(201,162,39,.6);transform:scale(1.1)}.video-label{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.speaker-image-placeholder{width:200px;height:200px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--color-white);border:4px solid hsla(0,0%,100%,.3)}.speaker-info{padding:3rem;display:flex;flex-direction:column;justify-content:center}.speaker-badge{display:inline-block;background:var(--color-accent);color:var(--color-text);padding:.4rem 1rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;width:-moz-fit-content;width:fit-content}.speaker-name{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.speaker-title{font-size:1.1rem;color:var(--color-accent);margin-bottom:1.5rem;font-weight:500}.speaker-bio{color:var(--color-text-light);font-size:1.05rem;margin-bottom:2rem}.speaker-highlight{background:var(--color-cream);border-radius:12px;padding:1.5rem;border-left:4px solid var(--color-accent)}.speaker-highlight p{font-family:var(--font-display);font-size:1.2rem;font-style:italic;color:var(--color-primary);margin:0}.ramadan101-section{background:var(--color-primary);color:var(--color-white);position:relative;overflow:hidden}.ramadan101-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.05'%3E%3Cpath d='M50 0 L100 50 L50 100 L0 50 Z'/%3E%3Cpath d='M50 20 L80 50 L50 80 L20 50 Z'/%3E%3Ccircle cx='50' cy='50' r='10'/%3E%3C/g%3E%3C/svg%3E")}.ramadan101-section .section-badge{background:var(--color-accent);color:var(--color-text)}.ramadan101-section .section-title{color:var(--color-white)}.ramadan101-section .section-subtitle{color:hsla(0,0%,100%,.8)}.ramadan101-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;position:relative;z-index:1}.ramadan101-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid hsla(0,0%,100%,.1);transition:var(--transition-smooth)}.ramadan101-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-5px)}.ramadan101-icon{width:60px;height:60px;background:var(--color-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1.5rem}.ramadan101-card h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:1rem}.ramadan101-card p{color:hsla(0,0%,100%,.8);font-size:.95rem}.schedule-section{background:var(--color-white)}.schedule-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.schedule-tab{padding:.75rem 2rem;background:var(--color-cream);border:none;border-radius:50px;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--color-text-light);cursor:pointer;transition:var(--transition-smooth)}.schedule-tab.active,.schedule-tab:hover{background:var(--color-primary);color:var(--color-white)}.schedule-content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3rem;gap:3rem}.prayer-times-card{background:var(--color-cream);border-radius:20px;padding:2.5rem}.prayer-times-card h3{font-family:var(--font-display);font-size:1.75rem;color:var(--color-primary);margin-bottom:1.5rem}.prayer-time-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(10,77,74,.1)}.prayer-time-row:last-child{border-bottom:none}.prayer-name{font-weight:500;color:var(--color-text)}.prayer-time{font-weight:600;color:var(--color-primary)}.taraweeh-card{background:linear-gradient(135deg,var(--color-accent) 0,#d4af37 100%);border-radius:20px;padding:2.5rem;color:var(--color-text)}.taraweeh-card h3{font-family:var(--font-display);font-size:1.75rem;margin-bottom:1rem}.taraweeh-card p{margin-bottom:1.5rem;opacity:.9}.taraweeh-detail{background:hsla(0,0%,100%,.3);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.taraweeh-detail strong{display:block;margin-bottom:.25rem}.details-section{background:var(--color-cream)}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}.detail-card{background:var(--color-white);border-radius:16px;padding:2rem;text-align:center;box-shadow:var(--shadow-soft);transition:var(--transition-smooth)}.detail-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.detail-icon{width:70px;height:70px;background:var(--color-cream);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.detail-card h3{font-family:var(--font-display);font-size:1.25rem;color:var(--color-primary);margin-bottom:.5rem}.detail-card p{color:var(--color-text-light);font-size:.95rem}.cta-section{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);color:var(--color-white);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.08'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z'/%3E%3Cpath d='M40 15 L65 40 L40 65 L15 40 Z'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/g%3E%3C/svg%3E")}.cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-section .section-title{color:var(--color-white);margin-bottom:1rem}.cta-section p{color:hsla(0,0%,100%,.85);font-size:1.15rem;margin-bottom:2rem}footer{background:var(--color-text);color:var(--color-white);padding:4rem 2rem 2rem;position:relative;z-index:1}.footer-content{max-width:1200px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:3rem;gap:3rem;margin:0 auto 3rem}.footer-brand h3{font-family:var(--font-display);font-size:1.75rem;margin-bottom:1rem}.footer-brand h3 span{color:var(--color-accent)}.footer-brand p{color:hsla(0,0%,100%,.7);font-size:.95rem}.footer-logo{height:50px;width:auto;margin-bottom:1rem;filter:brightness(0) invert(1)}.footer-links h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;color:var(--color-accent)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.95rem;transition:var(--transition-smooth)}.footer-links a:hover{color:var(--color-white)}.footer-bottom{padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1);text-align:center;color:hsla(0,0%,100%,.5);font-size:.9rem}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--color-primary);cursor:pointer}@media (max-width:1024px){.speaker-card,.theme-content{grid-template-columns:1fr}.speaker-image{min-height:300px}.ramadan101-grid,.schedule-content{grid-template-columns:1fr}.details-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero{padding:6rem 1.5rem 3rem}.hero-date{gap:1.5rem}.hero-date-row{gap:2rem}.hero-date-value-large{font-size:2rem}section{padding:4rem 1.5rem}.details-grid,.footer-content{grid-template-columns:1fr}.footer-content{text-align:center}.speaker-video-btn{padding:1rem}.play-icon{width:48px;height:48px;font-size:1.25rem}.video-label{font-size:.9rem}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.language-switcher-bar{position:-webkit-sticky;position:sticky;top:70px;z-index:999;background:var(--color-cream-dark);border-bottom:1px solid rgba(10,77,74,.1);padding:.5rem 1rem}.language-switcher-container{max-width:1400px;margin:0 auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding-right:2rem}.language-option{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:50px;font-size:.85rem;font-weight:400;color:var(--color-text-light);text-decoration:none;transition:var(--transition-smooth)}.language-option:hover{background:rgba(201,162,39,.15);color:var(--color-text)}.language-option.active{background:rgba(201,162,39,.25);color:var(--color-text)}.language-flag{font-size:1rem}.language-label{font-size:.8rem}@media (max-width:768px){.language-switcher-bar{top:60px;padding:.4rem .5rem}.language-option{padding:.3rem .6rem;font-size:.75rem}.language-label{display:none}.language-flag{font-size:1.2rem}}html[dir=rtl]{direction:rtl}html[dir=rtl] .nav-links{flex-direction:row-reverse}html[dir=rtl] .theme-quote{padding-left:0;padding-right:1.5rem}html[dir=rtl] .speaker-highlight,html[dir=rtl] .theme-quote{border-left:none;border-right:4px solid var(--color-accent)}html[dir=rtl] .theme-card li{flex-direction:row-reverse}html[dir=rtl] .footer-content{direction:rtl}html[dir=rtl] .hero-cta-group,html[dir=rtl] .hero-date-row,html[dir=rtl] .language-switcher-container,html[dir=rtl] .nav-container,html[dir=rtl] .prayer-time-row{flex-direction:row-reverse}