body{transition:background .8s ease,color .5s ease}:root,[data-theme=spring]{--bg-gradient:linear-gradient(135deg,#f1f8e9,#dcedc8);--bg-color:#f1f8e9;--card-bg:#fffffff2;--border-color:#c5e1a5;--text-color:#33691e;--text-secondary:#558b2f;--primary-color:#558b2f;--hover-bg:#558b2f1a;--shadow:0 10px 30px #33691e14;--radius:16px;--user-font-size:16px}[data-theme=summer]{--bg-gradient:linear-gradient(135deg,#fffde7,#fff9c4);--bg-color:#fffde7;--card-bg:#fffffff2;--border-color:#ffe082;--text-color:#5d4037;--text-secondary:#8d6e63;--primary-color:#fbc02d;--hover-bg:#fbc02d1a;--shadow:0 10px 30px #f9a82514}[data-theme=autumn]{--bg-gradient:linear-gradient(135deg,#efebe9,#d7ccc8);--bg-color:#efebe9;--card-bg:#fffffff2;--border-color:#bcaaa4;--text-color:#3e2723;--text-secondary:#5d4037;--primary-color:#8d6e63;--hover-bg:#8d6e631a;--shadow:0 10px 30px #3e27230f}[data-theme=winter]{--bg-gradient:linear-gradient(135deg,#e3f2fd,#bbdefb);--bg-color:#e3f2fd;--card-bg:#fffffff2;--border-color:#90caf9;--text-color:#1565c0;--text-secondary:#1976d2;--primary-color:#1976d2;--hover-bg:#1976d214;--shadow:0 10px 30px #1565c014}[data-theme=dark]{--bg-gradient:linear-gradient(135deg,#121212,#2d3436);--bg-color:#121212;--card-bg:#1e1e1e;--border-color:#333;--text-color:#e0e0e0;--text-secondary:#b0bec5;--primary-color:#80cbc4;--hover-bg:#80cbc414;--shadow:0 10px 30px #00000080}body{background:linear-gradient(135deg,#f1f8e9,#dcedc8);background:var(--bg-gradient);background-attachment:fixed;color:#33691e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;margin:0;min-height:100vh}.card,.content-box,.settings-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2;background-color:var(--card-bg);border:1px solid #c5e1a5;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 30px #33691e14;box-shadow:var(--shadow);margin-bottom:20px;padding:24px}h1,h2,h3,h4{color:#33691e;color:var(--text-color);font-weight:600;letter-spacing:-.5px}a{color:#558b2f;color:var(--primary-color);text-decoration:none}.btn-primary{border:none;box-shadow:0 4px 12px #00000026}input,select,textarea{background-color:#fffc;border:2px solid #c5e1a5;border:2px solid var(--border-color);border-radius:8px;color:#33691e;color:var(--text-color);padding:10px}input:focus{background-color:#fff;border-color:#558b2f;border-color:var(--primary-color);outline:none}[data-theme=dark] input{background-color:#2d2d2d;color:#fff}html{font-size:16px!important;font-size:var(--user-font-size)!important;scroll-behavior:smooth;transition:font-size .3s ease}.container{margin:0 auto;max-width:1100px;padding:0 20px}.page-content{min-height:calc(100vh - 200px);padding-bottom:30px;padding-top:30px}.btn{border:none;border-radius:16px;border-radius:var(--radius);cursor:pointer;display:inline-block;font-size:.95rem;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:var(--transition)}.btn-primary{background-color:#558b2f}.btn-primary:hover:not(:disabled){background-color:#1a3a29;transform:translateY(-1px)}.btn-primary:disabled{background-color:#adb5bd}.btn-outline{border:1px solid #558b2f;border:1px solid var(--primary-color);color:#558b2f;color:var(--primary-color)}.btn-outline:hover{background-color:#558b2f;background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.search-bar{border:1px solid #c5e1a5;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius);box-shadow:0 2px 4px #00000008;font-size:1rem;margin-bottom:25px;padding:12px 15px;transition:var(--transition);width:100%}.search-bar:focus{border-color:#558b2f;border-color:var(--primary-color);box-shadow:0 0 0 2px #2c5a411a;outline:none}:focus-visible{outline:2px solid #558b2f;outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.container{padding:0 15px}.page-content{padding-bottom:20px;padding-top:20px}}@media (max-width:480px){.container{padding:0 10px}.page-content{padding-bottom:20px;padding-top:20px}.btn{font-size:.85rem;padding:8px 16px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}.fade-in-down{animation:fadeInDown .5s ease}@media (max-width:768px){input,select,textarea{font-size:16px!important}.btn,a,button{touch-action:manipulation}::-webkit-scrollbar{height:4px;width:4px}}:root{--bg-color:#fff;--fg-color:#fff;--text-light:#6c757d;--text-secondary:#868e96;--accent-color:#c9a961;--shadow:0 2px 8px #00000014;--hover-bg:#f8f9fa;--surface-color:#f8f9fa;--radius:10px;--transition:all 0.2s ease}body.dark-mode{--bg-color:#1a1a1a;--fg-color:#2d2d2d;--text-color:#e9ecef;--text-light:#adb5bd;--text-secondary:#868e96;--primary-color:#3d7a5a;--accent-color:#d4af37;--border-color:#3d3d3d;--shadow:0 2px 12px #0000004d;--hover-bg:#3d3d3d;--card-bg:#2d2d2d;--surface-color:#252525}body.light-mode{--bg-color:#fff;--fg-color:#fff;--text-color:#212529;--text-light:#6c757d;--text-secondary:#868e96;--primary-color:#2c5a41;--accent-color:#c9a961;--border-color:#dee2e6;--shadow:0 2px 8px #00000014;--hover-bg:#f8f9fa;--card-bg:#fff;--surface-color:#f8f9fa}body{background-color:#fff;color:#212529;color:var(--text-color);transition:background-color .3s ease,color .3s ease}.app-wrapper,body{background-color:var(--bg-color)}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.main-content{flex-grow:1;min-height:calc(100vh - 150px);padding-bottom:40px;padding-top:30px;width:100%}.container{box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}.main-content{padding-top:40px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%}.route-transition-enter{opacity:0;transform:translateY(10px)}.route-transition-enter-active{transition:opacity .3s ease,transform .3s ease}.route-transition-enter-active,.route-transition-exit{opacity:1;transform:translateY(0)}.route-transition-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.suspense-fallback{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}@media (max-width:768px){.app-wrapper{overflow-x:hidden;width:100%}.main-content{padding-bottom:80px!important;padding-top:20px!important}.container,.container-fluid{padding-left:12px!important;padding-right:12px!important}}@media (max-width:480px){.app-wrapper{min-height:100vh;padding:0}.main-content{min-height:calc(100vh - 100px);padding-bottom:24px;padding-top:16px}.container{max-width:100vw;padding-left:8px;padding-right:8px}}.hatim-hero{animation:fadeInBg 1.2s ease;background:linear-gradient(135deg,var(--primary-color) 0,#1a3a29 100%);border-radius:16px;box-shadow:0 4px 24px #2c5a4126;flex-direction:column;margin-bottom:18px;min-height:140px;overflow:hidden}.hatim-hero,.hatim-hero-icon{align-items:center;display:flex;justify-content:center;position:relative}.hatim-hero-icon{animation:pulse 2.5s cubic-bezier(.25,.8,.25,1) infinite;background:#ffffff26;border-radius:50%;box-shadow:0 0 24px 6px #2c5a4126,inset 0 0 12px #ffffff1a;height:60px;margin:0 auto 16px;transition:transform .3s cubic-bezier(.25,.8,.25,1);width:60px}.hatim-hero-icon:before{animation:glow 2.5s ease-in-out infinite;background:radial-gradient(circle,#d4af374d 0,#0000 70%);border-radius:50%;content:"";inset:-8px;position:absolute;z-index:-1}.hatim-hero-icon img,.hatim-hero-icon svg{animation:logoBounce 1.5s infinite;display:block;height:32px;margin:auto;width:32px}@keyframes fadeInBg{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes logoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px) scale(1.08)}}@keyframes glow{0%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.4;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.islamic-background{z-index:-3!important}.islamic-pattern{z-index:-2!important}.arabic-calligraphy,.geometric-pattern{z-index:-1!important}.arabic-calligraphy{opacity:.03}:root{--bg-rgb:44,90,65}body.season-spring{--bg-rgb:139,195,74}body.season-summer{--bg-rgb:255,152,0}body.season-autumn{--bg-rgb:121,85,72}body.season-winter{--bg-rgb:3,169,244}.islamic-background{background-color:initial;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .5s ease-in-out;width:100%;z-index:0}.islamic-pattern{animation:float 25s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#2c5a4126 0,#0000 50%),radial-gradient(circle at 75% 75%,#2c5a4126 0,#0000 50%),radial-gradient(circle at 50% 10%,#2c5a411a 0,#0000 50%),radial-gradient(circle at 10% 80%,#2c5a411a 0,#0000 50%);background-image:radial-gradient(circle at 25% 25%,rgba(var(--bg-rgb),.15) 0,#0000 50%),radial-gradient(circle at 75% 75%,rgba(var(--bg-rgb),.15) 0,#0000 50%),radial-gradient(circle at 50% 10%,rgba(var(--bg-rgb),.1) 0,#0000 50%),radial-gradient(circle at 10% 80%,rgba(var(--bg-rgb),.1) 0,#0000 50%);transition:background-image .5s ease}.geometric-pattern,.islamic-pattern{height:100%;position:absolute;width:100%}.geometric-pattern{animation:patternMove 60s linear infinite;background-image:linear-gradient(30deg,#2c5a410d 12%,#0000 12.5%,#0000 87%,#2c5a410d 87.5%,#2c5a410d),linear-gradient(150deg,#2c5a410d 12%,#0000 12.5%,#0000 87%,#2c5a410d 87.5%,#2c5a410d),linear-gradient(60deg,#2c5a410f 25%,#0000 25.5%,#0000 75%,#2c5a410f 0,#2c5a410f);background-image:linear-gradient(30deg,rgba(var(--bg-rgb),.05) 12%,#0000 12.5%,#0000 87%,rgba(var(--bg-rgb),.05) 87.5%,rgba(var(--bg-rgb),.05)),linear-gradient(150deg,rgba(var(--bg-rgb),.05) 12%,#0000 12.5%,#0000 87%,rgba(var(--bg-rgb),.05) 87.5%,rgba(var(--bg-rgb),.05)),linear-gradient(60deg,rgba(var(--bg-rgb),.06) 25%,#0000 25.5%,#0000 75%,rgba(var(--bg-rgb),.06) 75%,rgba(var(--bg-rgb),.06));background-size:80px 140px}.arabic-calligraphy{animation:calligraphyFloat 40s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' font-family='Arial' font-size='10' text-anchor='middle' fill='%232c5a41'%3Eٱللَّٰهُ%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' font-family='Arial' font-size='8' text-anchor='middle' fill='%232c5a41'%3Eمُحَمَّد%3C/text%3E%3C/svg%3E");background-position:20% 30%,80% 70%;background-size:200px 200px,150px 150px;height:100%;opacity:.04;position:absolute;width:100%}body.season-summer .arabic-calligraphy{filter:hue-rotate(45deg)}body.season-winter .arabic-calligraphy{filter:hue-rotate(180deg)}body.season-autumn .arabic-calligraphy{filter:hue-rotate(320deg)}@keyframes patternMove{0%{background-position:0 0,0 0,40px 70px}to{background-position:80px 140px,80px 140px,120px 210px}}@keyframes calligraphyFloat{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-5px,8px) rotate(-.3deg)}}[data-theme=dark]{--bg-rgb:20,50,30}[data-theme=dark].season-winter{--bg-rgb:1,87,155}[data-theme=dark].season-summer{--bg-rgb:230,81,0}[data-theme=dark].season-autumn{--bg-rgb:62,39,35}[data-theme=dark].season-spring{--bg-rgb:51,105,30}.theme-toggle-container{display:inline-block}.theme-toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:10px;outline:none;padding:0}.theme-toggle-btn:hover{opacity:.85}.theme-toggle-track{background-color:#ccc;border-radius:13px;height:26px;position:relative;transition:background-color .3s ease;width:52px}.theme-toggle-btn.dark .theme-toggle-track{background-color:var(--primary-color)}.theme-toggle-btn.light .theme-toggle-track{background-color:#ddd}.theme-toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:13px;height:20px;justify-content:center;left:3px;position:absolute;top:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:20px}.theme-toggle-btn.dark .theme-toggle-thumb{transform:translateX(26px)}.theme-label{color:var(--text-color);font-size:.9rem;font-weight:500;white-space:nowrap}@media (max-width:768px){.theme-toggle-btn{gap:8px}.theme-label{font-size:.85rem}}@media (max-width:480px){.theme-toggle-btn{padding:5px!important}.theme-toggle-track{height:24px!important;width:46px!important}.theme-toggle-thumb{font-size:11px!important;height:18px!important;width:18px!important}.theme-toggle-btn.dark .theme-toggle-thumb{transform:translateX(22px)!important}.theme-label{font-size:.8rem!important}}:root{--primary-color:#2c5a41;--primary-light:#3a7a5c;--primary-dark:#1a3a29;--accent-gold:#d4af37;--accent-gold-light:#e6c44c;--accent-gold-dark:#b8941f;--gradient-start:#2c5a41;--gradient-end:#1a3a29;--glow-color:#d4af374d}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c5a41,#1a3a29);background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000001a;color:#fff;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.header-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.header-glow{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#d4af374d 0,#0000 70%);background:radial-gradient(circle,var(--glow-color) 0,#0000 70%);border-radius:50%;opacity:.6;position:absolute}.header-glow-1{animation-delay:0s;height:200px;left:10%;top:-100px;width:200px}.header-glow-2{animation-delay:2s;height:150px;right:20%;top:-50px;width:150px}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.header-content{height:70px;justify-content:space-between;padding:.8rem 1rem;z-index:2}.header-content,.logo{align-items:center;display:flex;position:relative}.logo{border-radius:12px;color:#fff;font-size:1.4rem;font-weight:700;gap:0;overflow:visible;padding:.3rem;text-decoration:none;transition:all .3s ease}.logo:hover{background:#ffffff1a;transform:scale(1.15) rotate(5deg)}.logo-icon-wrapper{align-items:center;display:flex;height:45px;justify-content:center;position:relative;width:45px}.logo-icon-large{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));height:120px!important;margin:-15px;object-fit:contain;position:relative;transition:all .3s ease;width:120px!important;z-index:1}.logo-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#d4af37 0,#0000 70%);background:radial-gradient(circle,var(--accent-gold) 0,#0000 70%);border-radius:50%;bottom:-20px;left:-20px;opacity:.3;position:absolute;right:-20px;top:-20px}.logo:hover .logo-icon-large{filter:drop-shadow(0 4px 16px rgba(212,175,55,.6));transform:scale(1.2) rotate(5deg)}.nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:none;gap:.5rem;padding:.5rem}.nav-link{border-radius:12px;color:#fffc;font-size:.95rem;font-weight:500;overflow:hidden;padding:.8rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,#d4af37,#e6c44c);background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-light) 100%);box-shadow:0 4px 15px #d4af374d;color:#fff}.nav-glow{background:radial-gradient(circle at center,#d4af374d 0,#0000 70%);background:radial-gradient(circle at center,var(--glow-color) 0,#0000 70%);border-radius:12px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-link.active .nav-glow,.nav-link:hover .nav-glow{opacity:1}.nav-underline{background:#d4af37;background:var(--accent-gold);bottom:0;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link.active .nav-underline{width:80%}.nav-text{font-weight:600;position:relative;z-index:1}.header-actions{align-items:center;display:flex;gap:1rem}.language-selector{align-items:center;display:inline-flex;position:relative}.language-selector.compact .language-toggle{align-items:center;border-radius:12px;display:flex;justify-content:center;min-width:48px;padding:8px 10px}@media (max-width:480px){.language-selector .language-toggle{font-size:.85rem;gap:6px;padding:8px}.mobile-menu-drawer .language-selector .language-dropdown{border-radius:8px;left:0;margin-top:8px;min-width:0;position:relative;right:auto;width:100%}.language-option{font-size:1rem;padding:14px 16px}}.language-toggle{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 10px}.language-toggle:hover{background:#ffffff1f;transform:translateY(-1px)}.lang-icon{font-size:.95rem}.lang-label{font-size:.85rem;letter-spacing:.6px}.lang-caret{font-size:.7rem;opacity:.85}.auth-buttons{display:none;gap:.8rem}.btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #ffffff4d;border-radius:25px;color:#fff;font-size:.9rem;font-weight:500;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#d4af37,#e6c44c);background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-light) 100%);border:2px solid #d4af37;border:2px solid var(--accent-gold);border-radius:25px;box-shadow:0 4px 15px #d4af374d;color:#000;font-size:.9rem;font-weight:600;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#e6c44c,#d4af37);background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.user-menu{display:none;position:relative}.user-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;display:flex;gap:8px;min-width:140px;overflow:hidden;padding:.7rem 1rem;position:relative;transition:all .3s ease}.user-btn:hover{background:#ffffff26;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.user-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.1rem;height:28px;justify-content:center;width:28px}.user-avatar,.username{position:relative;z-index:1}.username{font-size:.9rem;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.7rem;opacity:.8;position:relative;transition:transform .3s ease;z-index:1}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--fg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #0003;margin-top:10px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1002}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-section{padding:20px}.menu-header{align-items:center;display:flex;gap:12px}.user-avatar-large{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.4rem;height:44px;justify-content:center;position:relative;width:44px;z-index:1}.user-name{color:var(--text-color);font-size:1.1rem;font-weight:600}.user-status{align-items:center;color:var(--text-light);display:flex;font-size:.8rem;gap:6px}.menu-divider{background:var(--border-color);height:1px;margin:0}.menu-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:14px 20px;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.menu-item:hover{background-color:var(--hover-color)}.menu-icon{font-size:1.1rem;opacity:.8;text-align:center;width:20px}.logout-btn{color:#e74c3c!important}.logout-btn:hover{background-color:#e74c3c1a}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:30px;justify-content:center;padding:5px;width:30px;z-index:1003}.mobile-menu-btn span{background:#fff;border-radius:1px;height:2px;transition:all .3s ease;width:25px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-user-avatar{align-items:center;display:flex;margin-right:.5rem}.mobile-menu-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;top:70px;z-index:1000}.mobile-menu-content{animation:slideIn .3s ease;background:var(--card-bg);box-shadow:-5px 0 15px #0000004d;color:var(--text-color);display:flex;flex-direction:column;height:100%;max-width:320px;overflow-y:auto;padding:1.5rem;position:relative;width:85%}.mobile-menu-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s ease;width:40px;z-index:1002}.mobile-menu-close:hover{background-color:var(--hover-bg)}.mobile-theme-section{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:2rem;padding:1rem}.mobile-nav{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.mobile-nav-link{background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1.1rem;padding:1rem;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.mobile-nav-link:hover{background-color:var(--hover-bg)}.mobile-nav-link.logout-btn{color:#e74c3c}.mobile-auth-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.btn.mobile-btn{font-size:1rem;padding:1rem;text-align:center;width:100%}.mobile-user-info{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:auto;padding:1rem}.mobile-user-info .user-name{font-size:1rem;font-weight:600}.mobile-user-info .user-email{color:var(--text-light);font-size:.8rem}@media (min-width:768px){.mobile-menu-btn,.mobile-user-avatar{display:none!important}.auth-buttons,.nav,.user-menu{display:flex!important}.header-content{padding:.8rem 0}}@media (max-width:480px){.header-content{flex-direction:column;gap:12px;height:auto}.header-content,.logo{align-items:center;justify-content:center}.logo{font-size:1.2rem;width:auto}.logo,.nav{margin:0 auto}.nav{background:none;border:none;display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center;padding:0;width:100%}.nav,.nav-link{font-size:.9rem}.nav-link{border-radius:10px;min-width:70px;padding:.6rem 1rem;text-align:center}.header-actions{gap:8px;justify-content:center;margin:0 auto;width:100%}}@media (max-width:393px){.header-content{align-items:center;flex-direction:row;gap:0;height:56px;justify-content:space-between;padding:0 2px}.logo{flex-shrink:0;font-size:.95rem;margin:0;max-width:56px;min-width:48px;padding:0}.nav{align-items:center;background:none;border:none;display:flex!important;gap:0;justify-content:space-between;padding:0}.nav,.nav-link{flex:1 1;font-size:.8rem;min-width:0}.nav-link{border-radius:7px;box-sizing:border-box;margin:0;padding:.3rem .2rem;text-align:center}.header-actions{flex-shrink:0;gap:0;margin:0;max-width:48px;min-width:36px;padding:0}}@media (min-width:992px){.nav-link{padding:.8rem 2.5rem}.header-content{padding:1rem 0}}@media (max-width:768px){.header,.header-content{height:60px!important}.header-content{padding:0 10px!important}.logo-icon-large{height:40px!important;margin:0!important;width:40px!important}.logo{font-size:1.1rem!important}.mobile-menu-overlay{height:calc(100vh - 60px)!important;top:60px!important}.mobile-menu-content{max-width:300px!important;width:80%!important}.header,.header-content{height:56px!important}.header-content{align-items:center;display:flex!important;gap:6px;justify-content:space-between;padding:0 8px!important}.logo{flex-shrink:0;font-size:.95rem!important;gap:4px;padding:.2rem}.logo-icon-wrapper{height:32px;width:32px}.logo-icon-large{height:32px!important;margin:0!important;width:32px!important}.logo-glow{display:none}.nav.desktop-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;display:flex!important;flex:0 1 auto;gap:2px!important;margin:0;max-width:none;padding:3px}.nav-link{border-radius:6px;font-size:.7rem!important;font-weight:600;min-width:0;padding:5px 8px!important;text-align:center;transition:all .15s ease;white-space:nowrap}.nav-text{display:block;font-size:.7rem}.nav-link:hover{background:#ffffff1a;transform:none}.nav-link.active{background:linear-gradient(135deg,#d4af37,#e6c44c);background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-light) 100%);box-shadow:0 1px 4px #d4af3766;color:#000!important}.nav-glow,.nav-underline{display:none!important}.header-actions{flex-shrink:0;gap:0}.auth-buttons.desktop-auth,.mobile-user-avatar,.user-menu.desktop-user-menu{display:none!important}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:flex!important;flex-direction:column;gap:3px;height:26px;justify-content:center;padding:3px;width:26px}.mobile-menu-btn span{background:#fff;border-radius:1px;height:2px;transition:all .3s ease;width:20px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}@media (max-width:360px){.header-content{gap:4px;padding:0 6px!important}.logo{font-size:.85rem!important}.logo-icon-large{height:28px!important;width:28px!important}.logo-icon-wrapper{height:28px;width:28px}.nav.desktop-nav{gap:2px;padding:2px}.nav-link{font-size:.65rem!important;padding:4px 6px!important}.nav-text{font-size:.65rem}.mobile-menu-btn{height:24px;width:24px}.mobile-menu-btn span{width:18px}}@media (min-width:393px) and (max-width:480px){.nav.desktop-nav{gap:2px;padding:3px}.nav-link{font-size:.72rem!important;padding:5px 9px!important}.nav-text{font-size:.72rem}}@media (min-width:481px) and (max-width:767px){.header,.header-content{height:60px!important}.header-content{padding:0 10px!important}.logo{font-size:1rem!important}.logo-icon-large{height:36px!important;width:36px!important}.nav.desktop-nav{gap:3px;padding:4px}.nav-link{font-size:.75rem!important;padding:6px 10px!important}.nav-text{font-size:.75rem}}@media (min-width:768px){.mobile-menu-btn,.mobile-user-avatar{display:none!important}.auth-buttons,.nav,.user-menu{display:flex!important}.header-content{display:flex;justify-content:space-between;padding:.8rem 0}.nav.desktop-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:.5rem;padding:.5rem}.nav-link{border-radius:12px;font-size:.95rem!important;padding:.8rem 2rem!important}.nav-glow,.nav-underline{display:block!important}}.mobile-menu-overlay{animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:2000}.mobile-menu-drawer{animation:slideInRight .3s cubic-bezier(.4,0,.2,1);background:var(--card-bg);box-shadow:-2px 0 16px #0003;color:var(--text-color);display:flex;flex-direction:column;height:100%;max-width:70vw;overflow:hidden;width:240px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-user-info{align-items:center;display:flex;gap:8px}.drawer-user-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.drawer-username{color:var(--text-color);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-rank{font-size:.72rem;font-weight:500;opacity:.7}.drawer-title{color:var(--text-color);font-size:1.05rem;font-weight:700}.drawer-theme-section{align-items:center;background:var(--hover-bg);border-radius:8px;display:flex;justify-content:space-between;padding:8px 10px}.drawer-theme-label{color:var(--text-color);font-size:.8rem;font-weight:500;gap:6px}.drawer-theme-label,.drawer-theme-toggle{align-items:center;display:flex}.drawer-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:10px}.drawer-content::-webkit-scrollbar{width:3px}.drawer-content::-webkit-scrollbar-track{background:#0000}.drawer-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.drawer-list-group{display:flex;flex-direction:column;gap:2px}.drawer-list-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.drawer-list-item:active,.drawer-list-item:hover{background-color:var(--hover-bg)}.drawer-list-item:active{transform:scale(.98)}.list-icon{align-items:center;display:flex;flex-shrink:0;font-size:.95rem;height:18px;justify-content:center;opacity:.85;text-align:center;width:18px}.list-text{flex:1 1;font-size:.85rem}.menu-divider-soft{background:var(--border-color);height:1px;margin:6px 0;opacity:.5}.logout-item{color:#ff6b6b}.logout-item:hover{background:#ff6b6b1a}.drawer-footer-text{border-top:1px solid var(--border-color);color:var(--text-light);flex-shrink:0;font-size:.68rem;margin-top:auto;opacity:.6;padding:10px 0 6px;text-align:center}@media (max-width:380px){.mobile-menu-drawer{max-width:65vw;width:220px}}@media (max-width:320px){.mobile-menu-drawer{max-width:62vw;width:200px}}@media (max-width:768px){.drawer-user-info .user-avatar,.user-avatar{font-size:.8rem!important;height:32px!important;width:32px!important}}@media (max-width:480px){.header-background{display:block!important}.header-glow,.header-glow-1,.header-glow-2{animation:float 6s ease-in-out infinite!important;display:block!important}.logo:hover{transform:scale(1.08) rotate(3deg)!important}.logo:hover .logo-icon-large{transform:scale(1.1) rotate(3deg)!important}.logo-glow{animation:pulse 2s ease-in-out infinite!important}}.page-content-wrapper{box-sizing:border-box;margin:0 auto;max-width:1200px}.drawer-header{background:var(--fg-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:14px}.header-theme-and-lang{align-items:center;display:flex;gap:8px;width:100%}.header-theme-toggle{align-items:center;display:flex;flex:1 1;justify-content:center}.language-selector.mobile-lang-selector{flex:1 1;position:relative}.mobile-lang-toggle{align-items:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:8px 10px;transition:all .2s ease;width:100%}.mobile-lang-toggle.open,.mobile-lang-toggle:hover{background:var(--border-color)}.lang-icon{font-size:.9rem}.lang-code{font-size:.75rem;font-weight:700;letter-spacing:.5px}.lang-caret{font-size:.6rem;margin-left:2px;opacity:.7;transition:transform .15s ease}.lang-caret.open{transform:rotate(180deg)}.mobile-lang-dropdown{animation:slideDown .15s ease-out;background:var(--fg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;max-height:200px;top:calc(100% + 6px);z-index:2100}.mobile-lang-dropdown::-webkit-scrollbar{width:3px}.mobile-lang-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.mobile-lang-option{background:none;color:var(--text-color);font-size:.85rem;font-weight:500;text-align:left;transition:background-color .15s ease}.mobile-lang-option:hover{background-color:var(--hover-bg)}.mobile-lang-option.active{background:linear-gradient(90deg,#2c5a4114,#0000);font-weight:700}.lang-option-left{gap:6px}.lang-option-icon{font-size:.8rem}.lang-option-name{font-size:.85rem}.lang-option-check{font-size:.9rem;opacity:.6}.mobile-lang-option.active .lang-option-check{color:#2c5a41;color:var(--accent-color,#2c5a41);opacity:1}@media (min-width:768px){.mobile-lang-selector{display:none!important}}.mobile-menu-drawer .language-dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 15px #0003;margin-top:5px;max-height:225px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:100%;width:180px;z-index:1100}.mobile-menu-drawer .language-dropdown::-webkit-scrollbar{width:4px}.mobile-menu-drawer .language-dropdown::-webkit-scrollbar-track{background:#0000}.mobile-menu-drawer .language-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.mobile-menu-drawer .language-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.mobile-lang-selector{position:relative}.mobile-lang-dropdown{background:#1a1a1a;background:var(--card-bg,#1a1a1a);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:12px;box-shadow:0 5px 20px #0000004d;display:flex;flex-direction:column;margin-top:10px;max-height:220px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;width:180px;z-index:1000}.mobile-lang-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;color:var(--text-color,#fff);cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:10px 12px;transition:background .2s;width:100%}.mobile-lang-option:hover{background:#ffffff1a}.mobile-lang-option.active{background:#2c5a414d;color:gold}.lang-option-left{align-items:center;display:flex;gap:8px}.lang-option-icon{font-size:1.2rem}.lang-option-name{font-size:.9rem;font-weight:500}.mobile-lang-dropdown::-webkit-scrollbar{width:4px}.mobile-lang-dropdown::-webkit-scrollbar-track{background:#0000}.mobile-lang-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.language-dropdown{animation:slideDown .14s ease-out;background:var(--fg-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 30px #00000040;margin-top:10px;min-width:170px;padding:5px 0;position:absolute;right:0;z-index:1200}.language-option{align-items:center;background:#0000;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:10px 12px;width:100%}.language-option:hover{background:var(--hover-bg)}.language-option.active{background:linear-gradient(90deg,#2c5a4114,#0000);font-weight:700}@media (min-width:768px){.language-dropdown{height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important}.language-dropdown::-webkit-scrollbar{width:5px}.language-dropdown::-webkit-scrollbar-track{background:#0000}.language-dropdown::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.language-dropdown::-webkit-scrollbar-thumb:hover{background:#fff6}.language-option{padding:12px 15px!important}.language-option:hover{background:var(--hover-bg)}.language-option.active{background:linear-gradient(90deg,#2c5a411a,#0000);color:#d4af37;color:var(--accent-gold,#d4af37);font-weight:700}.language-dropdown{height:auto!important;max-height:calc(100vh - 120px)!important;min-height:0!important;min-height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;position:absolute;right:0;top:calc(100% + 8px)}}.long-text{display:inline}.short-text{display:none}@media (max-width:768px){.long-text{display:none}.short-text{display:inline;font-weight:600}}.main-footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);color:var(--text-color);margin-top:auto;padding:25px 0;text-align:center}.footer-content{margin:0 auto;max-width:1100px;padding:0 20px}.footer-text{color:var(--text-secondary);font-size:.9rem}@media (max-width:768px){.main-footer{padding:20px 0}.footer-text{font-size:.85rem}.main-footer{margin-bottom:0;padding:15px 0!important}.footer-content{padding:0 15px!important}.footer-text{font-size:.8rem!important;line-height:1.4!important}}:root{--bg-color:#f8f9fa;--card-bg:#fff;--radius:0.5rem;--shadow:0 4px 8px #0000001a;--border-color:#dee2e6;--text-color:#212529;--text-secondary:#6c757d;--primary-color:#007bff;--surface-color:#f1f3f5;--transition:all 0.2s ease-in-out}.error-boundary-container{align-items:center;background-color:#f8f9fa;background-color:var(--bg-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background-color:#fff;background-color:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow);max-width:500px;padding:40px;text-align:center}.error-boundary-title{color:#dc3545;font-size:2rem;margin-bottom:20px}.error-boundary-message{color:#6c757d;color:var(--text-secondary);line-height:1.6;margin-bottom:30px}.error-boundary-details{color:#212529;color:var(--text-color);font-size:.85rem;margin-bottom:20px;text-align:left}.error-boundary-details summary{cursor:pointer;font-weight:500;margin-bottom:10px}.error-boundary-details pre{background-color:#f1f3f5;background-color:var(--surface-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;font-size:.8rem;overflow:auto;padding:10px}.error-boundary-button{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;transition:all .2s ease-in-out;transition:var(--transition)}.error-boundary-button:hover{background-color:#0056b3;transform:translateY(-2px)}@media (max-width:480px){.error-boundary-container{padding:10px!important}.error-boundary-content{padding:20px!important;width:100%!important}.error-boundary-title{font-size:1.5rem!important}.error-boundary-details pre{max-height:200px;overflow-x:auto}}.islamic-spinner-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#fff6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.quran-loader-content{align-items:center;background:#fffc;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:24px;padding:30px}.quran-book-icon{height:70px;perspective:1000px;position:relative;transform-style:preserve-3d;width:100px}.quran-cover{background-color:#1a4d32;border:2px solid #d4af37;border-radius:6px;box-shadow:0 10px 20px #1a4d3233;height:100%;position:absolute;width:100%;z-index:0}.quran-cover:after{border:1px solid #d4af3780;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) rotate(45deg);width:30px}.quran-page-left{border-radius:2px 0 0 2px;box-shadow:inset -2px 0 5px #0000000d;left:5px;z-index:1}.quran-page-left,.quran-page-right{background-color:#fffbf0;background-image:linear-gradient(#e0e0e0 1px,#0000 0);background-size:100% 6px;height:56px;position:absolute;top:5px;width:42px}.quran-page-right{animation:pageFlip 1.8s ease-in-out infinite;border-radius:0 2px 2px 0;box-shadow:-1px 0 2px #0000001a;right:5px;transform-origin:left center;z-index:2}.quran-spine{background-color:#143d28;border-radius:2px;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:6px;z-index:0}@keyframes pageFlip{0%{transform:rotateY(0deg)}20%{background-color:#f4ecd8;transform:rotateY(-180deg)}40%{background-color:#fffbf0;transform:rotateY(0deg)}to{transform:rotateY(0deg)}}.loading-text-container{text-align:center}.spinner-message{color:#1a4d32;font-family:Segoe UI,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0}.spinner-sub-message{color:#d4af37;font-family:Traditional Arabic,serif;font-size:1.2rem;font-weight:700;margin-top:4px}@media (max-width:480px){.quran-loader-content{gap:15px!important;padding:20px!important;width:85%!important}.quran-book-icon{transform:scale(.85)}.spinner-message{font-size:1rem!important}.spinner-sub-message{font-size:1.1rem!important}}.seasonal-effects-container{background:#0000!important;height:100vh!important;left:0!important;overflow:hidden!important;pointer-events:none!important;position:fixed!important;top:0!important;width:100vw!important;z-index:99999!important}.autumn-container,.spring-container,.summer-container,.winter-container{height:100%;left:0;pointer-events:none!important;position:fixed!important;top:0;width:100%}.autumn-leaf,.spring-petal,.summer-particle,.winter-flake{animation-iteration-count:infinite!important;animation-name:universalFall!important;animation-timing-function:linear!important;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif!important;line-height:1;pointer-events:none!important;position:fixed!important;top:-10vh;-webkit-user-select:none!important;user-select:none!important;will-change:transform;z-index:10000!important}@keyframes universalFall{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}10%{opacity:1}50%{transform:translateY(55vh) translateX(25px) rotate(180deg)}to{opacity:0;transform:translateY(110vh) translateX(-25px) rotate(1turn)}}.autumn-container{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.autumn-cloud-wrapper{height:150px;opacity:.8;position:absolute;width:200px;z-index:1}.cloud-1{animation:cloudFloat 40s linear infinite;left:-50px;top:5%}.cloud-2{animation:cloudFloat 50s linear infinite reverse;right:-50px;top:15%}.bird-wrapper{animation:birdMigrate 20s linear infinite;height:80px;left:-100px;position:absolute;top:20%;width:80px;z-index:2}.leaves-container{height:100%;position:absolute;width:100%;z-index:3}.autumn-leaf{animation:autumnWind 10s linear infinite;opacity:.9;position:absolute;top:-10%;-webkit-user-select:none;user-select:none}@keyframes autumnWind{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(110vh) translateX(200px) rotate(2turn)}}@keyframes birdMigrate{0%{left:-10%;transform:translateY(0)}50%{transform:translateY(-50px)}to{left:110%;transform:translateY(20px)}}@keyframes cloudFloat{0%{transform:translateX(0)}50%{transform:translateX(30px)}to{transform:translateX(0)}}.autumn-leaf{animation:autumnWindRealistic 12s ease-in-out infinite}@keyframes autumnWindRealistic{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}5%{opacity:1}40%{transform:translateY(40vh) translateX(80px) rotate(1turn)}70%{transform:translateY(70vh) translateX(150px) rotate(540deg)}95%{opacity:.3}to{opacity:0;transform:translateY(110vh) translateX(220px) rotate(2turn)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.compact-modal{animation:zoomIn .2s ease-out;background:var(--fg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:400px;overflow-y:auto;padding:30px;position:relative;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin;width:100%}.compact-modal::-webkit-scrollbar{width:6px}.compact-modal::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.compact-header{flex-shrink:0;margin-bottom:25px;text-align:center}.compact-header h3{color:var(--text-color);font-size:1.3rem;font-weight:700;margin:0}.compact-header p{color:var(--text-light);font-size:.9rem;margin:5px 0 0}.compact-form{display:flex;flex-direction:column;gap:15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{color:var(--text-color);font-size:.85rem;font-weight:600;margin-bottom:6px;margin-left:2px}.modal-input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-color);font-family:inherit;font-size:.95rem;padding:12px;transition:all .2s ease;width:100%}.modal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2c5a411a;outline:none}.bio-textarea{height:80px;line-height:1.4;resize:none}.char-count{color:var(--text-light);font-size:.75rem;margin-top:4px;text-align:right}.autocomplete-list{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 15px #00000026;left:0;list-style:none;margin:5px 0 0;max-height:160px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:100}.autocomplete-list li{border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:pointer;font-size:.9rem;padding:10px 15px;transition:background .2s}.autocomplete-list li:hover{background-color:var(--hover-bg);color:var(--primary-color)}.autocomplete-warning{background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;font-size:.85rem;left:0;margin-top:5px;padding:10px;position:absolute;top:100%;width:100%;z-index:99}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.small-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 24px;transition:all .2s ease}.btn-outline{background-color:initial;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover{background-color:var(--hover-bg);border-color:var(--text-color);color:var(--text-color)}.btn-primary{background-color:var(--primary-color);border:1px solid #0000;color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #00000026;filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.custom-datepicker-wrapper{position:relative;width:100%}.react-datepicker-wrapper{width:100%}.calendar-icon{color:var(--text-color);font-size:1.1rem;opacity:.6;pointer-events:none;position:absolute;right:12px;top:38px;z-index:1}.react-datepicker{background-color:var(--fg-color)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 10px 40px #0003!important;color:var(--text-color)!important;font-family:inherit!important;font-size:.9rem!important}.react-datepicker__header{background-color:var(--bg-color)!important;border-bottom:1px solid var(--border-color)!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;padding-top:15px!important}.react-datepicker__current-month,.react-datepicker__day-name{color:var(--text-color)!important;font-weight:600!important}.react-datepicker__day{border-radius:50%!important;color:var(--text-color)!important;line-height:2rem!important;transition:background-color .2s,color .2s;width:2rem!important}.react-datepicker__day:hover{background-color:var(--hover-bg)!important;color:var(--primary-color)!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:var(--primary-color)!important;color:#fff!important;font-weight:700}.react-datepicker__day--today{background:#0000;border:1px solid var(--primary-color);color:var(--primary-color)!important;font-weight:700}.react-datepicker__day--selected.react-datepicker__day--today{border:none;color:#fff!important}.react-datepicker__triangle{display:none}.react-datepicker__year-read-view{background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color)!important;cursor:pointer;display:inline-block;font-weight:600;margin-top:5px;padding:4px 12px}.react-datepicker__year-read-view:hover{background-color:var(--hover-bg)}.react-datepicker__year-read-view--down-arrow{border-top-color:var(--text-color)!important;margin-left:5px;margin-top:6px}.react-datepicker__year-dropdown{background-color:var(--fg-color)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 10px 30px #0000004d!important;display:block!important;height:300px!important;left:50%!important;max-height:300px!important;overflow-y:auto!important;transform:translateX(-50%)!important;width:140px!important;z-index:200!important}.react-datepicker__year-option{color:var(--text-color)!important;padding:10px 0!important;transition:all .2s}.react-datepicker__year-option:hover{background-color:var(--hover-bg)!important;color:var(--primary-color)!important;font-weight:600}.react-datepicker__year-option--selected_year{background-color:initial!important;color:var(--primary-color)!important;font-size:1.1em;font-weight:700}.react-datepicker__year-dropdown::-webkit-scrollbar{width:5px}.react-datepicker__year-dropdown::-webkit-scrollbar-track{background:#0000}.react-datepicker__year-dropdown::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}@media (max-width:480px){.compact-modal{border-radius:12px;max-width:100%;padding:20px 15px}.compact-header h3{font-size:1.1rem}.compact-header p{font-size:.8rem}.form-row{gap:10px;grid-template-columns:1fr}.form-group label{font-size:.75rem}}.privacy-wrapper{gap:12px}.privacy-status{font-size:.85rem;font-weight:500;transition:color .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.privacy-status.visible{color:var(--primary-color);font-weight:600}.privacy-status.hidden{color:#888;font-style:italic}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:.3s cubic-bezier(.4,0,.2,1);width:22px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(20px)}.slider:hover{background-color:#bbb}input:checked+.slider:hover{filter:brightness(1.1)}.privacy-wrapper{justify-content:space-between;margin-bottom:15px;margin-top:8px;padding-left:2px;width:100%}.privacy-left,.privacy-wrapper{align-items:center;display:flex}.privacy-left{gap:12px;min-width:0}.location-share-btn{align-items:center;background-color:initial;border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s ease}.location-share-btn:hover{background-color:var(--primary-color);box-shadow:0 2px 5px #0000001a;color:#fff;transform:translateY(-1px)}.location-share-btn.disabled{background-color:#f5f5f5;border-color:#ccc;color:#999;cursor:not-allowed}.location-share-btn.disabled:hover{background-color:#f5f5f5;box-shadow:none;color:#999;transform:none}.spin-icon{animation:spin 1s linear infinite;display:inline-block;font-size:1rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.privacy-wrapper{flex-wrap:wrap;gap:10px}.location-share-btn{justify-content:center;margin-top:5px;width:100%}}.auth-container{margin:60px auto;padding:0 20px}.auth-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #00000014,0 0 0 1px #2c5a411a;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.auth-form:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,var(--primary-color),#8bc34a,var(--primary-color));background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.auth-form:hover{box-shadow:0 15px 40px #0000001f,0 0 0 1px #2c5a4126;transform:translateY(-5px)}.auth-header{margin-bottom:32px;position:relative;text-align:center}.auth-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary-color),#5a8f69);border-radius:50%;box-shadow:0 8px 20px #2c5a4133;display:flex;height:80px;justify-content:center;margin:0 auto 16px;width:80px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.auth-icon svg{fill:#fff;height:32px;width:32px}.auth-form h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),#5a8f69);-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:1.75rem;font-weight:700;margin-bottom:8px}.auth-form>p{color:var(--text-light);font-size:.95rem;line-height:1.5;margin-bottom:32px;text-align:center}.input-group{margin-bottom:20px;position:relative}.auth-input{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-family:inherit;font-size:1rem;margin-bottom:0;padding:16px 48px 16px 16px;transition:all .3s ease;width:100%}.auth-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #2c5a411a;outline:none;transform:translateY(-2px)}.auth-input::placeholder{color:var(--text-light)}.input-icon{color:var(--primary-color);position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease}.auth-input:focus+.input-icon{transform:translateY(-50%) scale(1.1)}.password-strength{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;font-size:.9rem;margin-bottom:20px;padding:16px;transition:all .3s ease}.password-strength:hover{border-color:var(--primary-color);transform:translateY(-2px)}.strength-meter{background:var(--border-color);border-radius:3px;height:6px;margin:12px 0;overflow:hidden}.strength-fill{background:linear-gradient(90deg,#e74c3c,#f39c12,#2ecc71,var(--primary-color));border-radius:3px;height:100%;transition:all .5s ease}.strength-feedback{list-style-type:none;margin:8px 0 0;padding:0}.strength-feedback li{align-items:center;display:flex;font-size:.85rem;gap:8px;line-height:1.6;padding:4px 0}.auth-btn{background:linear-gradient(135deg,var(--primary-color),#5a8f69);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.auth-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-btn:hover:before{left:100%}.auth-btn:hover{box-shadow:0 10px 25px #2c5a414d;transform:translateY(-3px)}.auth-btn:active{transform:translateY(-1px)}.auth-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-btn:disabled:before{display:none}.auth-message{animation:slideIn .5s ease;border-radius:12px;font-size:.95rem;line-height:1.5;margin-top:20px;padding:16px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-message.error{background:linear-gradient(135deg,#fee,#fdd);border:2px solid #fcc;color:#c33}.auth-message.success{background:linear-gradient(135deg,#efe,#dfd);border:2px solid #cec;color:#272}.auth-link{color:var(--text-light);font-size:.95rem;margin-top:24px;text-align:center}.auth-link a{color:var(--primary-color);font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.auth-link a:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link a:hover:after{width:100%}@media (max-width:480px){.auth-container{margin:40px auto}.auth-form{padding:30px 20px}.auth-form h1{font-size:1.5rem}.auth-icon{height:60px;width:60px}.auth-icon svg{height:24px;width:24px}}.input-error{background-color:#e74c3c0d!important;border-color:#e74c3c!important}.validation-feedback{border-radius:8px;font-size:.85rem;line-height:1.4;margin-bottom:15px;margin-top:-15px;padding:8px 12px}.validation-feedback.error{background-color:#e74c3c1a;border:1px solid #e74c3c33;color:#e74c3c}.validation-feedback.success{align-items:center;background-color:#2ecc711a;border:1px solid #2ecc7133;color:#2ecc71;display:flex;gap:5px}@media (max-width:480px){.auth-container{margin:30px auto!important;padding:0 15px!important}.auth-form{padding:25px 18px!important}.auth-icon{height:60px!important;margin-bottom:12px!important;width:60px!important}.auth-icon svg{height:26px!important;width:26px!important}.auth-form h1{font-size:1.3rem!important;margin-bottom:6px!important}.auth-form>p{font-size:.85rem!important;margin-bottom:25px!important}.input-group{margin-bottom:16px!important}.auth-input{font-size:.9rem!important;padding:12px 40px 12px 12px!important}.input-icon{right:12px!important}.input-icon svg{height:18px!important;width:18px!important}.password-strength{font-size:.8rem!important;margin-bottom:16px!important;padding:12px!important}.strength-meter{height:5px!important;margin:10px 0!important}.strength-feedback li{font-size:.75rem!important;padding:3px 0!important}.auth-btn{font-size:.9rem!important;margin-bottom:12px!important;padding:13px!important}.auth-message{margin-top:16px!important;padding:12px!important}.auth-link,.auth-message{font-size:.85rem!important}.auth-link{margin-top:20px!important}.validation-feedback{font-size:.75rem!important;margin-bottom:12px!important;margin-top:-12px!important;padding:6px 10px!important}}.page-content-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative;width:100%;z-index:10}.auth-container{margin:0 auto;max-width:420px;padding:0;pointer-events:auto;position:relative;width:100%;z-index:20}.auth-btn,.auth-container *,.auth-form *,.auth-input,.input-group *{box-sizing:border-box!important}.verify-container{margin:80px auto;max-width:500px;padding:0 20px;text-align:center}.verify-container h1{color:var(--text-color);font-size:2rem;font-weight:600;margin-bottom:24px}.verify-message{border-radius:10px;font-size:1rem;font-weight:500;line-height:1.6;margin-bottom:32px;margin-top:24px;padding:16px 20px}.verify-message.error{background-color:#fee;border:1px solid #fcc;color:#c33}.verify-message.success{background-color:#efe;border:1px solid #cec;color:#272}.verify-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.verify-buttons .btn{border-radius:8px;font-size:.95rem;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .2s ease}.verify-buttons .btn-primary{background-color:var(--primary-color);border:none;color:#fff}.verify-buttons .btn-primary:hover{background-color:#1a4d32;transform:translateY(-1px)}.verify-buttons .btn-secondary{background-color:initial;border:2px solid var(--border-color);color:var(--text-color)}.verify-buttons .btn-secondary:hover{background-color:var(--bg-color);border-color:var(--primary-color)}.verify-note{color:var(--text-light);font-size:.9rem;line-height:1.5;margin-top:20px}.verify-note a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:opacity .2s ease}.verify-note a:hover{opacity:.8;text-decoration:underline}@media (max-width:480px){.verify-container{margin:40px auto;max-width:100vw;padding:0 8px}.verify-container h1{font-size:1.3rem;margin-bottom:16px}.verify-message{font-size:.95rem;margin-bottom:20px;padding:10px 8px}.verify-buttons{flex-direction:column!important;gap:10px!important;width:100%!important}.verify-buttons .btn{font-size:.85rem;justify-content:center!important;padding:10px 12px;width:100%!important}.verify-note{font-size:.8rem;margin-top:12px}.verify-container{margin:40px auto!important;padding:0 15px!important}.verify-container h1{font-size:1.5rem!important;margin-bottom:15px!important}.verify-message{font-size:.9rem!important;margin-bottom:20px!important;padding:15px!important}.verify-buttons{flex-direction:column!important;gap:10px!important;width:100%!important}.verify-buttons .btn{justify-content:center!important;padding:12px!important;width:100%!important}}.about-page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--primary-color) 0,#1a3a29 100%);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #2c5a414d;color:#fff;margin-bottom:35px;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.about-page-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.about-hero-icon{align-items:center;animation:pulse 2s infinite;background:#ffffff2e;border-radius:50%;box-shadow:0 0 16px 4px #2c5a411f;display:flex;height:60px;justify-content:center;margin:0 auto 12px;position:relative;width:60px;z-index:1}.about-hero-icon svg{display:block;height:32px;margin:auto;width:32px}.about-page-header h1{font-size:2rem;font-weight:700;margin-bottom:10px;position:relative;z-index:1}.about-page-header p{font-size:1rem;line-height:1.5;margin-bottom:0;opacity:.95;position:relative;z-index:1}.back-button-area{margin-bottom:30px}.btn-back{align-items:center;background:var(--fg-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #0000000d;color:var(--text-color);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:11px 20px;text-decoration:none;transition:all .3s ease}.btn-back:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #2c5a4126;transform:translateX(-3px)}.about-content-grid{display:flex;flex-direction:column;gap:30px}.about-section{background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 4px 20px #0000000d;padding:25px;transition:all .3s ease}.about-section:hover{box-shadow:0 6px 25px #2c5a411a}.section-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.section-icon{animation:iconFloat 3s ease-in-out infinite;flex-shrink:0;font-size:2rem}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-header h2{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}.section-content{color:var(--text-color)}.section-content p{font-size:.95rem;line-height:1.8;margin-bottom:15px;text-align:justify}.highlight-box{background:linear-gradient(135deg,#2c5a4114,#1a3a290d);border-left:4px solid var(--primary-color);border-radius:10px;margin-top:20px;padding:18px 20px}.highlight-text{color:var(--text-color);font-size:1rem;font-style:italic;line-height:1.7;margin-bottom:10px}.highlight-box em{color:var(--text-light);display:block;font-size:.85rem;font-style:normal;font-weight:500;text-align:right}.timeline-box{display:flex;flex-direction:column;gap:20px;margin-top:15px}.timeline-item{border-left:3px solid var(--primary-color);padding-left:25px;position:relative}.timeline-item:before{background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 4px var(--fg-color);content:"";height:13px;left:-8px;position:absolute;top:5px;width:13px}.timeline-date{background:var(--primary-color);border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:4px 12px}.timeline-item h3{color:var(--primary-color);font-size:1.1rem;font-weight:700;margin:8px 0}.timeline-item p{font-size:.9rem;line-height:1.7;margin:0}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:15px}.feature-card{background:linear-gradient(135deg,var(--hover-bg) 0,var(--fg-color) 100%);border:1px solid var(--border-color);border-radius:12px;padding:18px;transition:all .3s ease}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 6px 18px #2c5a411f;transform:translateY(-4px)}.feature-icon{display:block;font-size:2rem;margin-bottom:10px}.feature-card h3{color:var(--primary-color);font-size:1.05rem;font-weight:700;margin:0 0 10px}.feature-card p{font-size:.88rem;line-height:1.6;margin:0;text-align:left}.structure-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:15px}.structure-item{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.structure-item:hover{box-shadow:0 6px 16px #2c5a411a;transform:translateY(-3px)}.structure-number{color:var(--primary-color);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px}.structure-item h3{color:var(--text-color);font-size:1.1rem;font-weight:700;margin:0 0 12px}.structure-item p{font-size:.85rem;line-height:1.6;margin:0;text-align:center}.miracle-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-top:15px}.miracle-item{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:10px;padding:16px;transition:all .3s ease}.miracle-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #2c5a411a;transform:translateX(5px)}.miracle-item h3{color:var(--primary-color);font-size:1rem;font-weight:700;margin:0 0 8px}.miracle-item p{font-size:.87rem;line-height:1.6;margin:0;text-align:left}.adab-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-top:15px}.adab-card{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.adab-card:hover{border-color:var(--primary-color);box-shadow:0 4px 14px #2c5a411a;transform:translateY(-3px)}.adab-number{align-items:center;background:linear-gradient(135deg,var(--primary-color),#1a5c3f);border-radius:50%;box-shadow:0 2px 8px #2c5a4133;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.adab-card h3{color:var(--primary-color);font-size:.95rem;font-weight:700;margin:0 0 6px}.adab-card p{font-size:.85rem;line-height:1.6;margin:0;text-align:left}.highlight-section{background:linear-gradient(135deg,#2c5a410d,#1a3a2914);border:2px solid var(--primary-color)}.fazilet-box{background:var(--fg-color);border-left:4px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:18px 20px}.fazilet-text{color:var(--text-color);font-size:1rem;font-style:italic;line-height:1.75;margin-bottom:10px}.fazilet-source{color:var(--text-light);display:block;font-size:.8rem;font-style:normal;font-weight:600;text-align:right}.benefits-list{display:flex;flex-direction:column;gap:12px}.benefit-item{align-items:flex-start;background:var(--fg-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:12px 14px;transition:all .3s ease}.benefit-item:hover{box-shadow:0 3px 10px #2c5a4114;transform:translateX(5px)}.benefit-icon{flex-shrink:0;font-size:1.3rem}.benefit-item p{font-size:.9rem;line-height:1.6;margin:0;text-align:left}.final-message{background:linear-gradient(135deg,var(--primary-color) 0,#1a3a29 100%);border:none;color:#fff}.final-content{text-align:center}.final-icon{animation:pulse 2s infinite;font-size:3rem;margin-bottom:15px}.final-message h2{color:#fff;font-size:1.6rem;margin-bottom:15px}.final-message p{color:#fffffff2;font-size:1rem;line-height:1.8;margin-bottom:20px;text-align:center}.final-quote{background:#ffffff1f;border-left:4px solid #ffffff80;border-radius:10px;margin-top:20px;padding:18px 20px}.final-quote p{font-size:1.05rem;font-style:italic;line-height:1.7;margin-bottom:10px}.final-quote em{color:#fffc;display:block;font-size:.85rem;font-style:normal;text-align:right}.bottom-actions{border-top:2px solid var(--border-color);display:flex;justify-content:center;margin-top:40px;padding-top:30px}.btn-large{font-size:1.05rem;min-width:280px;padding:15px 35px}@media (max-width:768px){.about-page-header{margin-bottom:25px!important;padding:30px 20px!important}.about-hero-icon{height:50px!important;margin-bottom:10px!important;width:50px!important}.about-hero-icon svg{height:26px!important;width:26px!important}.about-page-header h1{font-size:1.5rem!important;margin-bottom:8px!important}.about-page-header p{font-size:.88rem!important}.back-button-area{margin-bottom:20px!important}.btn-back{font-size:.85rem!important;padding:9px 16px!important}.about-content-grid{gap:20px!important}.about-section{padding:18px!important}.section-header{gap:10px!important;margin-bottom:16px!important;padding-bottom:12px!important}.section-icon{font-size:1.6rem!important}.section-header h2{font-size:1.25rem!important}.section-content p{font-size:.87rem!important;line-height:1.7!important;text-align:left!important}.highlight-box{padding:14px 16px!important}.highlight-text{font-size:.9rem!important;line-height:1.6!important}.highlight-box em{font-size:.78rem!important}.timeline-box{gap:16px!important}.timeline-item{padding-left:20px!important}.timeline-date{font-size:.7rem!important;padding:3px 10px!important}.timeline-item h3{font-size:1rem!important}.timeline-item p{font-size:.85rem!important}.adab-grid,.features-grid,.miracle-list,.structure-grid{gap:12px!important;grid-template-columns:1fr!important}.adab-card,.feature-card,.miracle-item,.structure-item{padding:14px!important}.feature-icon{font-size:1.7rem!important;margin-bottom:8px!important}.feature-card h3,.miracle-item h3{font-size:.95rem!important}.feature-card p,.miracle-item p{font-size:.83rem!important}.structure-number{font-size:2rem!important}.structure-item h3{font-size:1rem!important}.structure-item p{font-size:.8rem!important}.adab-number{font-size:.9rem!important;height:32px!important;width:32px!important}.adab-card h3{font-size:.88rem!important}.adab-card p{font-size:.8rem!important}.fazilet-box{padding:14px 16px!important}.fazilet-text{font-size:.9rem!important;line-height:1.65!important}.fazilet-source{font-size:.75rem!important}.benefit-item,.benefits-list{gap:10px!important}.benefit-item{padding:10px 12px!important}.benefit-icon{font-size:1.15rem!important}.benefit-item p{font-size:.85rem!important}.final-icon{font-size:2.5rem!important;margin-bottom:12px!important}.final-message h2{font-size:1.35rem!important;margin-bottom:12px!important}.final-message p{font-size:.9rem!important;line-height:1.7!important}.final-quote{padding:14px 16px!important}.final-quote p{font-size:.95rem!important}.final-quote em{font-size:.78rem!important}.bottom-actions{margin-top:30px!important;padding-top:20px!important}.btn-large{font-size:.92rem!important;min-width:100%!important;padding:12px 25px!important}}@media (max-width:393px){.about-page-header{padding:25px 16px!important}.about-page-header h1{font-size:1.35rem!important}.about-page-header p{font-size:.85rem!important}.about-section{padding:16px!important}.section-header h2{font-size:1.18rem!important}.section-content p{font-size:.84rem!important}.highlight-text{font-size:.87rem!important}.adab-card,.feature-card,.miracle-item,.structure-item{padding:12px!important}.structure-number{font-size:1.8rem!important}.final-message h2{font-size:1.25rem!important}.btn-large{font-size:.88rem!important;padding:11px 20px!important}}@media (max-width:360px){.about-section{padding:14px!important}.section-header h2{font-size:1.1rem!important}}
/*# sourceMappingURL=main.57353e9e.css.map*/