*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#0d4f1c;--primary-light:#1a7a2e;--secondary-color:#2d5016;--accent-color:#d4af37;--accent-light:#f4d03f;--text-color:#1a1a1a;--text-light:#666;--bg-color:#fafbfc;--bg-secondary:#f5f7fa;--white:#fff;--light-green:#e8f5e9;--light-green-hover:#c8e6c9;--border-color:#e1e8ed;--border-light:#f0f0f0;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow:0 4px 12px rgba(0,0,0,.08);--shadow-md:0 6px 20px rgba(0,0,0,.12);--shadow-lg:0 10px 30px rgba(0,0,0,.15);--shadow-hover:0 8px 24px rgba(0,0,0,.15);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:15px;--radius-xl:20px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}html{height:100%}body,html{overflow-x:hidden}body{font-family:Noto Sans Bengali,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.7;color:var(--text-color);background-color:var(--bg-color);direction:ltr;overflow-y:auto;min-height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--primary-color);margin-bottom:var(--spacing-sm)}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}h4{font-size:clamp(1.1rem,2.5vw,1.25rem)}p{margin-bottom:var(--spacing-sm);line-height:1.8}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--primary-light)}.container{max-width:1200px;margin:0 auto;padding:0 clamp(var(--spacing-sm),4vw,var(--spacing-lg))}.main-content{min-height:calc(100vh - 200px);padding:clamp(var(--spacing-md),5vw,var(--spacing-xl)) 0;background:linear-gradient(to bottom,var(--bg-color) 0,var(--white) 100%)}.header{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--white);padding:var(--spacing-md) 0;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1)}.header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);position:relative}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.mobile-menu-toggle span{width:100%;height:3px;background:var(--white);border-radius:3px;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle:hover span{background:var(--accent-color)}.logo h1{font-size:clamp(1.25rem,3vw,1.8rem);margin-bottom:.2rem;font-weight:800;letter-spacing:-.5px}.logo h1,.logo p{color:var(--white)}.logo p{font-size:clamp(.8rem,2vw,.9rem);opacity:.9;font-weight:400}.logo a{color:inherit;text-decoration:none;display:block}.nav ul{display:flex;list-style:none;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.nav a{color:var(--white);text-decoration:none;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);position:relative;font-size:.95rem}.nav a,.nav a:after{transition:var(--transition-base)}.nav a:after{content:"";position:absolute;bottom:0;right:50%;width:0;height:2px;background:var(--accent-color);transform:translateX(50%)}.nav a.active:after,.nav a:hover:after{width:calc(100% - var(--spacing-md))}.nav a.active,.nav a:hover{background-color:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav .dropdown,.nav li{position:relative}.nav .dropdown>a:after{content:" ▼";font-size:.7rem;margin-right:.3rem;opacity:.7}.dropdown-toggle-btn{background:none;border:none;color:var(--white);text-decoration:none;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);transition:var(--transition-base);position:relative;font-size:.95rem;cursor:pointer;font-family:inherit;width:100%;text-align:right}.dropdown-toggle-btn:after{content:" ▼";font-size:.7rem;margin-right:.3rem;opacity:.7;transition:var(--transition-base)}.dropdown-toggle-btn:focus,.dropdown-toggle-btn:hover{background-color:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.dropdown-toggle-btn[aria-expanded=true]:after{transform:rotate(180deg)}.nav .dropdown-menu{display:none;position:absolute;top:100%;right:0;background:var(--white);min-width:220px;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);margin-top:var(--spacing-xs);padding:var(--spacing-xs) 0;z-index:1000;border:1px solid var(--border-color);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav .dropdown-menu.dropdown-open,.nav .dropdown:hover .dropdown-menu{display:block}.nav .dropdown-menu li{list-style:none;margin:0}.nav .dropdown-menu a{display:block;color:var(--text-color);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition-base);border-radius:0;font-size:.9rem}.nav .dropdown-menu a:after{display:none}.nav .dropdown-menu a:hover{background:linear-gradient(90deg,var(--light-green) 0,transparent 100%);color:var(--primary-color);padding-right:var(--spacing-lg)}.nav .dropdown-menu a.active{background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-light) 100%);color:var(--white)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.arabic{font-family:Amiri,Arial,serif;font-size:clamp(1.2em,3vw,1.5em);line-height:2.4;color:var(--primary-color);margin:var(--spacing-md) 0;padding:var(--spacing-md);background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(26,71,42,.08));border-radius:var(--radius-md);border-right:4px solid var(--accent-color);font-weight:600;letter-spacing:1px;box-shadow:var(--shadow-sm);transition:var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.arabic,.arabic-text{text-align:right;direction:rtl}.arabic-text{flex:1 1}.arabic:hover{box-shadow:var(--shadow);transform:translateX(-2px)}.audio-player-btn{background:var(--primary-color);color:var(--white);border:none;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:var(--transition-base);box-shadow:var(--shadow);flex-shrink:0}.audio-player-btn:hover{background:var(--primary-light);transform:scale(1.1);box-shadow:var(--shadow-md)}.audio-player-btn:active{transform:scale(.95)}.transliteration{font-style:italic;color:var(--text-light);margin:var(--spacing-sm) 0;font-size:1.05em;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border-right:3px solid var(--border-color);font-weight:500;transition:var(--transition-base)}.transliteration:not(:has(strong)):before{content:"বাংলা উচ্চারণ: ";font-weight:700;color:var(--primary-color)}.transliteration .verse-text{display:inline}.transliteration:hover{border-right-color:var(--accent-color);background:var(--white)}.translation{display:none!important}.verse-text{white-space:pre-line;line-height:1.8}.verse-text br{display:block;content:"";margin-top:.5em}.arabic-alphabet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-md)}.alphabet-item{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.alphabet-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-color)}.alphabet-item-milestone{background:linear-gradient(135deg,rgba(13,79,28,.1),rgba(13,79,28,.05));border-color:var(--primary-color);border-width:2px}.alphabet-item-milestone:hover{background:linear-gradient(135deg,rgba(13,79,28,.15),rgba(13,79,28,.08));border-color:var(--primary-color)}.practice-day-wrapper{margin-bottom:1rem}.practice-day-wrapper .expandable-toggle{font-size:1.1rem;padding:1rem 1.5rem}.practice-day-wrapper .expandable-content{padding:0}.alphabet-letter-container{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);position:relative;min-height:60px;padding-top:8px;padding-right:8px}.alphabet-letter,.alphabet-letter-container{display:flex;align-items:center;justify-content:center}.alphabet-letter{font-family:Amiri,Noto Sans Arabic,serif;font-size:2.5rem;font-weight:700;color:var(--primary-color);direction:rtl;line-height:1.2;flex:1 1;z-index:1}.alphabet-audio-wrapper{position:absolute;top:4px;right:4px;z-index:10;display:flex;align-items:center;justify-content:center}.alphabet-audio-btn{width:32px!important;height:32px!important;font-size:.9rem!important;flex-shrink:0;background:var(--accent-color)!important;box-shadow:var(--shadow-sm);display:inline-flex!important;align-items:center;justify-content:center;min-width:32px;padding:0}.alphabet-audio-btn:hover:not(:disabled){background:var(--accent-light)!important;transform:scale(1.15);box-shadow:var(--shadow)}.alphabet-audio-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.alphabet-letter-container{min-height:50px;padding-top:6px;padding-right:6px}.alphabet-audio-btn{width:28px;height:28px;font-size:.8rem}}@media (max-width:480px){.alphabet-letter-container{min-height:45px;padding-top:4px;padding-right:4px}.alphabet-audio-btn{width:26px;height:26px;font-size:.75rem}}.alphabet-pronunciation{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pronunciation-english{font-size:.9rem;color:var(--text-light);font-style:italic;font-weight:500}.pronunciation-bangla{font-size:1rem;color:var(--primary-color);font-weight:600}.pronunciation-number{font-size:1.2rem;color:var(--accent-color);font-weight:700;margin-bottom:var(--spacing-xs)}.pronunciation-number-bold{font-weight:900;font-size:1.3rem;color:var(--primary-color)}.converter-grid-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);width:100%}.converter-grid-item{width:100%}@media (max-width:968px){.converter-grid-wrapper{grid-template-columns:1fr;gap:var(--spacing-md)}}.number-converter-wrapper{width:100%;margin-bottom:var(--spacing-lg)}.number-converter{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.number-converter-input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.number-converter-input{flex:1 1;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);color:var(--text-color);transition:border-color .2s ease}.number-converter-input:focus{outline:none;border-color:var(--primary-color)}.number-converter-input::placeholder{color:var(--text-light)}.number-converter-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:600;color:#fff;background:var(--primary-color);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease,transform .1s ease}.number-converter-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.number-converter-btn:disabled{opacity:.5;cursor:not-allowed}.number-converter-result{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-color);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.number-converter-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.number-converter-arabic-number{font-family:Amiri,Noto Sans Arabic,serif;font-size:3rem;font-weight:700;color:var(--primary-color);direction:rtl;line-height:1.2}.number-converter-audio{display:flex;align-items:center}.number-converter-audio-btn{width:40px;height:40px;font-size:1.1rem}.number-converter-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.number-converter-detail-item{font-size:1rem;color:var(--text-color);line-height:1.6}.number-converter-detail-item strong{color:var(--primary-color);margin-right:var(--spacing-xs)}@media (max-width:768px){.number-converter-input-group{flex-direction:column}.number-converter-arabic-number{font-size:2.5rem}.number-converter-audio-btn{width:36px;height:36px;font-size:1rem}}@media (max-width:480px){.number-converter{padding:var(--spacing-md)}.number-converter-arabic-number{font-size:2rem}.number-converter-result-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.text-translator-wrapper{width:100%;margin-bottom:var(--spacing-lg)}.text-translator{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column}.translator-input-section{margin-bottom:var(--spacing-md)}.translator-language-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.translator-language-label,.translator-language-select{font-size:.9rem;font-weight:600;color:var(--primary-color)}.translator-language-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s ease}.translator-language-select:focus{outline:none;border-color:var(--primary-color)}.translator-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);color:var(--text-color);transition:border-color .2s ease;resize:vertical;font-family:inherit;line-height:1.5}.translator-input:focus{outline:none;border-color:var(--primary-color)}.translator-input::placeholder{color:var(--text-light)}.translator-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.translator-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;font-weight:600;color:#fff;background:var(--primary-color);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease,transform .1s ease}.translator-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.translator-btn:disabled{opacity:.5;cursor:not-allowed}.translator-btn-clear{background:var(--text-light)}.translator-btn-clear:hover:not(:disabled){background:var(--text-color)}.translator-results{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);flex:1 1}.translator-result-item{padding:var(--spacing-md);background:var(--bg-color);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.translator-output-wrapper{margin-top:var(--spacing-sm)}.translator-output{font-size:1rem;color:var(--text-color);line-height:1.6;min-height:60px;padding:var(--spacing-sm);background:var(--card-bg);border-radius:var(--radius-xs)}.translator-output.arabic-text{font-family:Amiri,Noto Sans Arabic,serif;direction:rtl;text-align:right;font-size:1.1rem;margin-bottom:var(--spacing-xs)}.translator-bangla-pronunciation{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.95rem;color:var(--primary-color);font-weight:600;background:var(--bg-secondary);border-radius:var(--radius-xs);border-left:3px solid var(--primary-color)}.translator-bangla-pronunciation .pronunciation-label{color:var(--text-light);font-weight:500;margin-right:var(--spacing-xs)}.translator-audio-btn{width:32px;height:32px;font-size:.9rem}.translator-placeholder{margin-top:var(--spacing-md);padding:var(--spacing-md);text-align:center}@media (max-width:768px){.text-translator{padding:var(--spacing-md)}.translator-output{font-size:.95rem}.translator-output.arabic-text{font-size:1rem}}@media (max-width:480px){.translator-actions{flex-direction:column}.translator-btn{width:100%}}@media (max-width:768px){.arabic-alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.alphabet-letter{font-size:2rem}.pronunciation-english{font-size:.85rem}.pronunciation-bangla{font-size:.9rem}}@media (max-width:480px){.arabic-alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.alphabet-letter{font-size:1.8rem}}.hero{background:linear-gradient(135deg,var(--light-green) 0,var(--white) 50%,var(--bg-secondary) 100%);padding:var(--spacing-xl) 0;text-align:center;margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(212,175,55,.1) 0,transparent 50%);pointer-events:none}.hero-title{font-size:clamp(2rem,5vw,3rem);color:var(--primary-color);margin-bottom:var(--spacing-md);font-weight:800;letter-spacing:-1px;line-height:1.2}.hero-subtitle,.hero-title{position:relative;z-index:1}.hero-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:var(--text-light);margin-bottom:var(--spacing-lg);font-weight:400}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:var(--transition-base);display:inline-block;font-size:1rem;border:none;cursor:pointer;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:var(--white);box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-secondary{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 100%);color:var(--primary-color);box-shadow:var(--shadow)}.btn-secondary:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.features{padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.feature-card{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition-base);text-align:center;border:1px solid var(--border-light);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-color) 0,var(--primary-color) 100%);transform:scaleX(0);transition:var(--transition-base)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.feature-icon{font-size:3.5rem;margin-bottom:var(--spacing-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-card h3{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:clamp(1.2rem,3vw,1.4rem);font-weight:700}.feature-card p{color:var(--text-light);margin-bottom:var(--spacing-md);line-height:1.7}.feature-link{color:var(--primary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-base);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm)}.feature-link:hover{background:var(--light-green);transform:translateX(-5px);padding-right:var(--spacing-lg)}.info-section{background:var(--white);padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.info-section h2{text-align:center;color:var(--primary-color);margin-bottom:var(--spacing-lg);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.info-item{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--light-green) 0,var(--white) 100%);border-radius:var(--radius-md);border-right:4px solid var(--accent-color);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.info-item:hover{transform:translateX(-4px);box-shadow:var(--shadow);border-right-color:var(--primary-color)}.info-item h3{color:var(--primary-color);margin-bottom:var(--spacing-xs);font-size:1.2rem}.info-item p{color:var(--text-light);line-height:1.7}.page-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--white);padding:var(--spacing-xl) 0;text-align:center;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-header .container{position:relative;z-index:1}.page-header h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--spacing-md);font-weight:800;text-shadow:2px 2px 8px rgba(0,0,0,.3);letter-spacing:-.5px;color:var(--white)}.page-header p{font-size:clamp(1rem,2vw,1.3rem);opacity:.95;font-weight:400;letter-spacing:.5px;color:hsla(0,0%,100%,.95)}.page-header .section-count{font-size:clamp(.95rem,1.8vw,1.1rem);color:hsla(0,0%,100%,.9);margin-top:var(--spacing-xs);font-weight:600}.page-header .section-count strong{color:var(--accent-light);font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:700}.process-section{padding:var(--spacing-lg) 0}.process-step{background:var(--white);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;gap:var(--spacing-lg);align-items:flex-start;border:1px solid var(--border-light);transition:var(--transition-base)}.process-step:hover{box-shadow:var(--shadow-md);transform:translateX(-4px);border-color:var(--border-color)}.step-number{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:var(--white);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;flex-shrink:0;box-shadow:var(--shadow)}.step-content{flex:1 1}.step-content h2{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:clamp(1.4rem,3.5vw,1.9rem);font-weight:800}.step-content h3{color:var(--secondary-color);margin:var(--spacing-md) 0 var(--spacing-xs) 0;font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700}.step-content ul{list-style:none;padding-right:var(--spacing-lg)}.step-content li{padding:var(--spacing-xs) 0;padding-right:var(--spacing-lg);position:relative;line-height:1.8}.step-content li:before{content:"✓";position:absolute;right:0;color:var(--accent-color);font-weight:700;font-size:1.2rem}.day-section{background:var(--white);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);transition:var(--transition-base)}.day-section:hover{box-shadow:var(--shadow-md)}.day-title{color:var(--primary-color);font-size:clamp(1.4rem,3.5vw,1.9rem);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:4px solid var(--accent-color);font-weight:800}.dua-box{background:linear-gradient(135deg,var(--light-green) 0,var(--white) 100%);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;border-right:4px solid var(--accent-color);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.dua-box:hover{box-shadow:var(--shadow);transform:translateX(-2px)}.dua-box h4{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.2rem;font-weight:700}.important-note{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffc107;margin:var(--spacing-md) 0;color:#856404;box-shadow:var(--shadow-sm)}.completion-box{background:linear-gradient(135deg,var(--light-green) 0,var(--white) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;margin-top:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.completion-box h2{color:var(--primary-color);font-size:2.2rem;margin-bottom:var(--spacing-md);font-weight:800}.completion-box p{font-size:1.15rem;color:var(--text-light);line-height:1.8}.duas-section{padding:var(--spacing-lg) 0}.duas-section .container{max-width:1000px}.dua-index{background:var(--white);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light)}.dua-index h2{color:var(--primary-color);font-size:1.9rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:4px solid var(--accent-color);font-weight:800}.index-list{list-style:none;padding:0;margin:0}.index-list li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light);transition:var(--transition-base)}.index-list li:last-child{border-bottom:none}.index-list li:hover{background:var(--light-green);margin:0 calc(-1 * var(--spacing-lg));padding-right:var(--spacing-lg);padding-left:var(--spacing-lg);border-radius:var(--radius-sm)}.index-list a{color:var(--primary-color);text-decoration:none;font-size:1.1rem;display:block;padding-right:var(--spacing-sm);transition:var(--transition-base);font-weight:500}.index-list a:hover{color:var(--primary-light);padding-right:var(--spacing-lg);font-weight:600}.index-list a:before{content:"→ ";margin-left:var(--spacing-xs);opacity:0;transition:var(--transition-base)}.index-list a:hover:before{opacity:1}.dua-category-wrapper{background:var(--white);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition-base);border:1px solid var(--border-light)}.dua-category-wrapper:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dua-category-header{background:linear-gradient(135deg,var(--light-green) 0,#fff 100%)}.dua-category-header .expandable-title{font-size:1.9rem;font-weight:800;color:var(--primary-color)}.dropdown-toggle{width:100%;text-align:right;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#fff,#f8f9fa);border:none;border-bottom:2px solid var(--border-light);cursor:pointer;margin-bottom:0;font-size:1.05rem;font-weight:700;color:var(--primary-color);transition:var(--transition-base);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.dropdown-toggle:before{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-color) 0,var(--primary-color) 100%);transform:scaleY(0);transition:var(--transition-base)}.dropdown-toggle.active:before,.dropdown-toggle:hover:before{transform:scaleY(1)}.dropdown-toggle:hover{background:linear-gradient(135deg,#f8f9fa,#fff);padding-right:var(--spacing-xl)}.dropdown-toggle.active{background:linear-gradient(135deg,var(--light-green) 0,#fff 100%);border-bottom-color:var(--accent-color)}.dropdown-toggle h2{margin:0;display:inline;border:none;padding:0;font-size:1.3rem;color:var(--primary-color);font-weight:800;line-height:1.4;flex:1 1;text-align:right}.dropdown-toggle span{font-size:1.2rem;transition:var(--transition-base);color:var(--accent-color);font-weight:700;margin-left:var(--spacing-md);min-width:24px;display:flex;align-items:center;justify-content:center}.dropdown-toggle:hover span{transform:scale(1.15);color:var(--primary-color)}.dropdown-toggle.active span{transform:rotate(180deg);color:var(--primary-color)}.general-dua-content{margin-top:0;background:linear-gradient(180deg,#fff 0,#fafbfc);border-top:1px solid var(--border-light);animation:slideDownContent .3s ease}.dua-item,.general-dua-content,.surah-item{padding:var(--spacing-lg);transition:var(--transition-base)}.dua-item,.surah-item{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-right:4px solid var(--accent-color);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dua-item:before{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-color) 0,var(--primary-color) 100%)}.dua-item:hover{box-shadow:var(--shadow);transform:translateX(-4px);border-right-color:var(--primary-color)}.dua-item h3,.surah-item h3{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700}.info-text{background:linear-gradient(135deg,#fff9e6,#fff3cd);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-right:4px solid var(--accent-color);font-style:italic;color:#856404;box-shadow:var(--shadow-sm);font-size:1.05em;line-height:1.8;transition:var(--transition-base)}.info-text:hover{box-shadow:var(--shadow);transform:translateX(-2px)}.guide-section{padding:var(--spacing-lg) 0}.guide-category{background:var(--white);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);transition:var(--transition-base)}.guide-category:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-category h2{color:var(--primary-color);font-size:1.9rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:4px solid var(--accent-color);font-weight:800}.guide-content h3{color:var(--secondary-color);margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:1.4rem;font-weight:700}.guide-content ul{list-style:none;padding-right:var(--spacing-lg)}.guide-content li{padding:var(--spacing-xs) 0;padding-right:var(--spacing-lg);position:relative;line-height:1.9}.guide-content li:before{content:"•";position:absolute;right:0;color:var(--accent-color);font-weight:700;font-size:1.8rem}.guide-content p{margin:var(--spacing-sm) 0;line-height:1.9;color:var(--text-light)}.footer{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--white);padding:var(--spacing-xl) 0 var(--spacing-lg);margin-top:var(--spacing-xl);margin-bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,.1);position:relative;width:100%}.footer-content{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid hsla(0,0%,100%,.2)}@media (max-width:1024px){.footer-content{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}}.footer-section{display:flex;flex-direction:column;align-items:flex-start}.footer-logo-link{text-decoration:none;color:var(--white);display:block;transition:opacity .3s ease}.footer-logo-link:hover{opacity:.9}.footer-logo-link h3{font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--white)}.footer-brand p,.footer-logo-link p{margin-bottom:var(--spacing-xs);opacity:.9}.footer-quick-links{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid hsla(0,0%,100%,.2)}.footer-home-link{color:var(--white);text-decoration:none;opacity:.9;transition:all .3s ease;font-weight:600;display:inline-block}.footer-home-link:hover{opacity:1;text-decoration:underline}.footer-description{font-size:.9rem;line-height:1.6;opacity:.85;margin-top:var(--spacing-sm)}.footer-heading{font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--white);border-bottom:2px solid hsla(0,0%,100%,.3);padding-bottom:var(--spacing-xs)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--white);text-decoration:none;opacity:.9;transition:all .3s ease;display:inline-block;font-size:.95rem}.footer-links a:hover{opacity:1;transform:translateX(-5px);color:var(--white);text-decoration:underline}.footer-bottom{text-align:center;padding-top:var(--spacing-lg)}.footer-bottom p{margin-bottom:var(--spacing-xs);opacity:.9}.visitor-counter{display:inline-flex;align-items:center;gap:6px;color:var(--white);font-weight:600}.visitor-counter .label{opacity:.85}.visitor-counter .count{color:var(--accent-light);text-shadow:0 1px 2px rgba(0,0,0,.2)}.footer-note{margin-top:var(--spacing-xs);font-size:.85rem;opacity:.75}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-heading,.footer-section{text-align:center}.footer-links a:hover{transform:translateX(0)}}.umrah-flowchart{background:linear-gradient(135deg,#f8f9fa,#e8f5e9);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.flowchart-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.flowchart-step{background:var(--white);border:3px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-md);width:100%;max-width:320px;text-align:center;box-shadow:var(--shadow);transition:var(--transition-base);position:relative}.flowchart-step:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.flowchart-step.start{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.flowchart-step.end,.flowchart-step.start{color:var(--white);border-color:var(--accent-color)}.flowchart-step.end{background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%)}.flowchart-step.highlight{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800;border-width:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 10px rgba(255,152,0,.3)}50%{box-shadow:0 4px 20px rgba(255,152,0,.6)}}.flowchart-step.highlight .flowchart-title{color:#e65100;font-weight:800}.flowchart-step.highlight .flowchart-desc{color:#bf360c;font-weight:600}.flowchart-icon{font-size:3.5rem;margin-bottom:var(--spacing-xs);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.flowchart-title{font-size:1.4rem;font-weight:800;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.flowchart-step.end .flowchart-title,.flowchart-step.start .flowchart-title{color:var(--white)}.flowchart-desc{font-size:1rem;color:var(--text-color);line-height:1.7;margin-bottom:var(--spacing-xs)}.flowchart-step.end .flowchart-desc,.flowchart-step.start .flowchart-desc{color:hsla(0,0%,100%,.95)}.flowchart-dua{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:2px dashed var(--border-color)}.flowchart-step.end .flowchart-dua,.flowchart-step.start .flowchart-dua{border-top-color:hsla(0,0%,100%,.3)}.flowchart-dua .arabic-small{font-family:Amiri,Arial,serif;font-size:1.1rem;line-height:1.9;text-align:center;direction:rtl;color:var(--primary-color);margin:var(--spacing-xs) 0;font-weight:600}.flowchart-step.end .flowchart-dua .arabic-small,.flowchart-step.start .flowchart-dua .arabic-small{color:var(--white)}.flowchart-dua .transliteration-small{font-style:italic;color:var(--text-light);font-size:.85rem;text-align:center;margin:var(--spacing-xs) 0;line-height:1.5}.flowchart-step.end .flowchart-dua .transliteration-small,.flowchart-step.start .flowchart-dua .transliteration-small{color:hsla(0,0%,100%,.9)}.flowchart-arrow{font-size:2.5rem;color:var(--primary-color);font-weight:700;margin:var(--spacing-xs) 0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (min-width:992px){.flowchart-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.flowchart-step{flex:0 0 calc(20% - var(--spacing-md));max-width:220px;min-width:200px}.flowchart-arrow{transform:rotate(90deg);margin:0 var(--spacing-xs);align-self:center}.flowchart-icon{font-size:3rem}.flowchart-title{font-size:1.2rem}.flowchart-desc{font-size:.9rem}}.prophets-diagram{background:linear-gradient(135deg,var(--light-green) 0,var(--bg-secondary) 100%);padding:var(--spacing-xl) 0;margin:var(--spacing-xl) 0;border-radius:var(--radius-lg)}.prophets-diagram-header{text-align:center;margin-bottom:var(--spacing-xl)}.prophets-diagram-header h2{color:var(--primary-color);font-size:2rem;margin-bottom:var(--spacing-sm)}.prophets-diagram-subtitle{color:var(--text-light);font-size:1.1rem;margin-bottom:var(--spacing-md)}.prophets-legend{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-top:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.legend-color{width:20px;height:20px;border-radius:var(--radius-sm);display:inline-block}.legend-color.ulul-azm{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 100%);box-shadow:var(--shadow-sm)}.legend-color.regular{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);box-shadow:var(--shadow-sm)}.prophets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.prophet-card{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow);transition:var(--transition-base);position:relative;border:2px solid var(--border-color);cursor:pointer}.prophet-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--primary-color)}.prophet-card.ulul-azm{background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(244,208,63,.1));border-color:var(--accent-color);border-width:2px}.prophet-card.ulul-azm:hover{border-color:var(--accent-light);box-shadow:0 8px 24px rgba(212,175,55,.3)}.prophet-number{position:absolute;top:8px;left:8px;background:var(--primary-color);color:var(--white);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.prophet-card.ulul-azm .prophet-number{background:var(--accent-color);color:var(--text-color)}.prophet-arabic{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin:var(--spacing-sm) 0;direction:rtl;font-family:Amiri,Noto Sans Arabic,serif}.prophet-card.ulul-azm .prophet-arabic{color:var(--accent-color)}.prophet-name{font-size:1rem;font-weight:600;color:var(--text-color);margin:var(--spacing-xs) 0}.prophet-english{font-size:.85rem;color:var(--text-light);font-style:italic;margin-top:var(--spacing-xs)}.prophet-badge{position:absolute;top:8px;right:8px;background:var(--accent-color);color:var(--text-color);padding:4px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700}.prophet-tooltip{bottom:-40px;background:var(--text-color);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.85rem;white-space:nowrap;z-index:10;box-shadow:var(--shadow-md)}.prophet-tooltip,.prophet-tooltip:before{position:absolute;left:50%;transform:translateX(-50%)}.prophet-tooltip:before{content:"";top:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--text-color)}.prophets-info{text-align:center;margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.prophets-info .info-text{color:var(--text-color);font-size:1rem}@media (max-width:768px){.prophets-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.prophet-card,.prophets-grid{padding:var(--spacing-sm)}.prophet-arabic{font-size:1.5rem}.prophet-name{font-size:.9rem}.prophet-english{font-size:.75rem}.prophets-diagram-header h2{font-size:1.5rem}.prophets-legend{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.prophets-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.prophet-arabic{font-size:1.3rem}}@media (max-width:768px){.header .container{flex-direction:row;justify-content:space-between;padding-right:60px}.mobile-menu-toggle{display:flex}.nav{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);padding:var(--spacing-xl) var(--spacing-lg);transition:right .3s ease;z-index:1000;overflow-y:auto;box-shadow:-2px 0 10px rgba(0,0,0,.3)}.nav.nav-open{right:0}.nav ul{flex-direction:column;width:100%;gap:var(--spacing-xs);align-items:stretch}.nav .dropdown-toggle-btn,.nav a{display:block;width:100%;text-align:right;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.nav .dropdown{width:100%}.nav .dropdown-menu{position:static;display:none;box-shadow:none;background:hsla(0,0%,100%,.1);margin-top:var(--spacing-xs);margin-right:var(--spacing-md);width:calc(100% - var(--spacing-md));border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.2);animation:slideDown .3s ease}.nav .dropdown-menu.dropdown-open{display:block}.nav .dropdown-menu a{color:var(--white);padding:var(--spacing-xs) var(--spacing-md);font-size:.95rem}.nav .dropdown-menu a:focus,.nav .dropdown-menu a:hover{background-color:hsla(0,0%,100%,.2)}.header.menu-open .mobile-menu-toggle span:first-child{transform:rotate(45deg) translate(8px,8px)}.header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.header.menu-open .mobile-menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.btn{width:100%;text-align:center}.process-step{flex-direction:column}.step-number{align-self:center}.feature-grid,.info-grid{grid-template-columns:1fr}.container{padding:0 var(--spacing-md)}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}.hero{padding:var(--spacing-lg) 0}.hero-title{font-size:1.5rem}.page-header h1{font-size:1.8rem}.day-section,.dua-category,.guide-category,.process-step{padding:var(--spacing-md)}}.expandable-section{margin-bottom:var(--spacing-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);overflow:hidden;transition:var(--transition-base)}.expandable-section:hover{box-shadow:var(--shadow-md)}.expandable-toggle{width:100%;text-align:left;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#fff,#f8f9fa);border:none;border-bottom:2px solid var(--border-light);cursor:pointer;font-size:1.05rem;font-weight:700;color:var(--primary-color);transition:var(--transition-base);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;outline:none}.expandable-toggle:focus{outline:2px solid var(--accent-color);outline-offset:-2px}.expandable-toggle:before{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-color) 0,var(--primary-color) 100%);transform:scaleY(0);transition:var(--transition-base)}.expandable-toggle.active:before,.expandable-toggle:hover:before{transform:scaleY(1)}.expandable-toggle:hover{background:linear-gradient(135deg,#f8f9fa,#fff);padding-right:var(--spacing-xl)}.expandable-toggle.active{background:linear-gradient(135deg,var(--light-green) 0,#fff 100%);border-bottom-color:var(--accent-color)}.expandable-number{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:var(--white);border-radius:50%;font-weight:700;font-size:.95rem;margin-right:var(--spacing-md);box-shadow:var(--shadow-sm);flex-shrink:0;transition:var(--transition-base)}.expandable-toggle:hover .expandable-number{transform:scale(1.1);box-shadow:var(--shadow-md)}.expandable-toggle.active .expandable-number{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 100%);color:var(--primary-color)}.expandable-header-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1;text-align:left}.expandable-icon{font-size:1.5rem;line-height:1}.expandable-title{margin:0;font-size:1.3rem;font-weight:800;color:var(--primary-color);line-height:1.4;border:none;padding:0}.expandable-arrow{font-size:1.2rem;transition:var(--transition-base);color:var(--accent-color);font-weight:700;margin-left:var(--spacing-md);min-width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expandable-toggle:hover .expandable-arrow{transform:scale(1.15);color:var(--primary-color)}.expandable-toggle.active .expandable-arrow{transform:rotate(180deg);color:var(--primary-color)}.expandable-content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),padding var(--transition-base),opacity var(--transition-base);opacity:0;padding:0 var(--spacing-lg)}.expandable-content.open{max-height:10000px;opacity:1;padding:var(--spacing-lg);animation:slideDownContent .4s ease-out}@keyframes slideDownContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide-category-wrapper{background:var(--white);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light)}.guide-category-header{background:linear-gradient(135deg,var(--light-green) 0,#fff 100%)}.guide-category-header .expandable-title{font-size:1.8rem;font-weight:800;color:var(--primary-color)}.day-section-expandable{background:var(--white);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light)}.day-section-expandable .expandable-title{font-size:1.9rem;font-weight:800;color:var(--primary-color)}.dua-category,.process-step-expandable{background:var(--white);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light)}.dua-category{overflow:hidden;transition:var(--transition-base)}.dua-category:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dua-category h2{color:var(--primary-color);font-size:1.9rem;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:4px solid var(--accent-color);font-weight:800;background:linear-gradient(135deg,var(--light-green) 0,transparent 100%)}.dua-category h2,.general-dua-category-wrapper{margin-bottom:var(--spacing-md)}.general-dua-category-wrapper .expandable-toggle{background:linear-gradient(135deg,var(--light-green) 0,#fff 100%)}.general-dua-category-wrapper .expandable-content{background:linear-gradient(180deg,#fff 0,#fafbfc);border-top:1px solid var(--border-light)}.image-container{margin:var(--spacing-sm) 0;text-align:center}.image-container-lg{margin:var(--spacing-lg) 0;text-align:center}.image-responsive{height:auto}.image-card,.image-responsive{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow)}.image-card{height:280px;object-fit:cover}.image-header{max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:0 4px 8px rgba(0,0,0,.2);max-height:500px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.list-styled{margin-left:var(--spacing-lg);line-height:2}.list-styled li{margin-bottom:var(--spacing-xs)}.arabic .list-styled,.arabic-text .list-styled{margin-right:var(--spacing-lg);margin-left:0}.list-spaced li{margin-bottom:var(--spacing-sm)}.info-box{padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;border-right:4px solid}.info-box-green{background-color:var(--light-green);border-right-color:var(--primary-color)}.info-box-orange{background-color:#fff3e0;border-right-color:#ff9800}.info-box-blue{background-color:#e3f2fd;border-right-color:#2196f3}.info-box h4{margin-top:0;font-size:1.25rem;line-height:1.5}.info-box-green h4{color:var(--primary-color)}.info-box-orange h4{color:#e65100}.info-box-blue h4{color:#1565c0}.info-box p{font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-sm)}.info-box p:last-child{margin-bottom:0}.important-note{padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;border-right:4px solid}.important-note-orange{background-color:#fff3e0;border-right-color:#ff9800}.important-note-green{background-color:var(--light-green);border-right-color:#4caf50}.important-note-blue{background-color:#e3f2fd;border-right-color:#2196f3}.important-note h4{color:inherit;margin-top:0;font-size:1.25rem}.important-note-orange h4{color:#e65100}.important-note-green h4{color:#2e7d32}.important-note-blue h4{color:#1565c0}.important-note ul{margin-right:var(--spacing-md);line-height:2}.important-note ul li{margin-bottom:var(--spacing-xs)}.section-heading{text-align:center;color:var(--primary-color);margin-bottom:var(--spacing-lg);font-size:2rem}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}@media print{.footer,.header,.lang-toggle,.nav{display:none}.main-content{padding:0}.expandable-content{max-height:none!important;opacity:1!important;padding:var(--spacing-md)!important}.expandable-toggle{border-bottom:1px solid var(--border-color)}}