body{max-width:1245px;margin:0 auto;font-family:sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;box-shadow:0 0 3px #2e9c98;min-height:100vh}.home-page{direction:rtl}.hero-section{background:linear-gradient(135deg,#0a4a48,#1a7a76,#2e9c98);border-radius:0 0 24px 24px;padding:48px 24px 40px;margin-bottom:40px;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);border-radius:50%}.hero-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);border-radius:50%}.hero-content{position:relative;z-index:1}.hero-logo{height:100px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}@media(max-width:480px){.hero-logo{height:80px}}.hero-title{font-size:42px;color:#fff;margin:0 0 8px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.15)}@media(max-width:480px){.hero-title{font-size:30px}}.hero-subtitle{font-size:18px;color:#ffffffd9;margin:0 0 24px}@media(max-width:480px){.hero-subtitle{font-size:15px}}.hero-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero-link{display:inline-block;padding:10px 24px;background:#ffffff26;color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);transition:background .2s,transform .15s}.hero-link:hover{background:#ffffff40;transform:translateY(-1px)}.hero-link-phone{direction:ltr}.articles-section{padding:0 24px 40px;max-width:1100px;margin:0 auto}.section-title{font-size:28px;color:#1a5c5a;text-align:center;margin-bottom:28px;font-weight:700;position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,#2e9c98,#00b3b3);margin:10px auto 0;border-radius:2px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media(max-width:480px){.articles-grid{grid-template-columns:1fr;gap:16px}}.article-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 12px #00505014;overflow:hidden;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column}.article-card:hover{box-shadow:0 8px 28px #00505026;transform:translateY(-4px)}.article-card:hover .article-preview-img{transform:scale(1.05)}.article-preview-img-container{margin:-24px -24px 20px;height:180px;overflow:hidden}.article-preview-img-container .article-preview-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.article-category{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.article-date{font-size:12px;color:#999}.article-title{font-size:18px;color:#1a3a3a;margin:0 0 10px;font-weight:600;line-height:1.4}.article-excerpt{font-size:14px;color:#555;line-height:1.7;margin:0 0 16px;flex:1}.article-audio-player{margin-top:4px;margin-bottom:16px;width:100%}.article-audio-player audio{width:100%;height:40px;border-radius:8px}.article-actions{display:flex;align-items:center;gap:16px;margin-top:auto}.article-read-more{background:none;border:none;color:#2e9c98;font-size:14px;font-weight:600;cursor:pointer;padding:0;transition:color .2s}.article-read-more:hover{color:#1a7a76}.article-link-item{font-size:13px;color:#2e9c98;text-decoration:none;font-weight:600}.article-link-item:hover{text-decoration:underline}.article-full-content{margin-top:16px;padding-top:16px;border-top:1px solid #eee;font-size:15px;color:#444;line-height:1.9;white-space:pre-wrap;animation:fadeIn .3s ease}.loading-state{text-align:center;padding:48px 24px;color:#888}.empty-state{text-align:center;padding:48px 24px;color:#999;font-size:16px}.listen-page{direction:rtl;max-width:1200px;margin:0 auto;padding:40px 24px}.listen-header{text-align:center;margin-bottom:48px}.page-title{font-size:36px;color:#1a5c5a;margin:0 0 16px;font-weight:800}.page-description{font-size:18px;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.loading-state p,.empty-state p{color:#777;margin-bottom:24px;font-size:18px}.loading-spinner{width:40px;height:40px;border:4px solid #e0ebeb;border-top-color:#2e9c98;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.listen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.lesson-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00505014;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.lesson-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0050501f}.lesson-preview-img-container{width:100%;height:200px;overflow:hidden}.lesson-preview-img-container .lesson-preview-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.lesson-card:hover .lesson-preview-img{transform:scale(1.05)}.lesson-card-content-wrapper{padding:24px;display:flex;flex-direction:column;flex:1}.lesson-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lesson-title{font-size:22px;color:#1a5c5a;font-weight:700;line-height:1.3}.lesson-date{font-size:14px;color:#888;white-space:nowrap}.lesson-excerpt{font-size:15px;color:#555;line-height:1.6;margin:0 0 20px;flex:1}.lesson-audio-player{margin-bottom:20px;background:#f8fbfb;padding:12px;border-radius:12px;border:1px solid #e0ebeb}.lesson-audio-player audio{width:100%;height:40px;outline:none;border-radius:8px}.lesson-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:12px;border-top:1px solid #f0f0f0;padding-top:20px}.lesson-read-more{color:#2e9c98;background:none;border:none;font-size:15px;font-weight:600;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s}.lesson-read-more:hover{color:#1a7a76}.lesson-pdf-link{display:inline-block;padding:8px 16px;background:#2e9c98;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s}.lesson-pdf-link:hover{background:#1a7a76}@media(max-width:768px){.listen-grid{grid-template-columns:1fr}.lesson-actions{flex-direction:column;align-items:stretch;text-align:center;gap:16px}.lesson-actions .lesson-read-more{justify-content:center}}.newsletter-page{direction:rtl;padding:20px 0 40px}.newsletter-header{text-align:center;margin-bottom:36px}.newsletter-header .page-title{font-size:32px;color:#1a5c5a;margin:0 0 8px;font-weight:700}.newsletter-header .page-description{font-size:16px;color:#777;margin:0}.newsletter-list{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media(max-width:480px){.newsletter-list{grid-template-columns:1fr;gap:16px}}.newsletter-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 12px #00505014;border-right:4px solid #2e9c98;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;overflow:hidden}.newsletter-card:hover{box-shadow:0 6px 24px #00505024;transform:translateY(-2px)}.newsletter-card:hover .newsletter-preview-img{transform:scale(1.05)}@media(max-width:480px){.newsletter-card{padding:20px 16px}}.newsletter-preview-img-container{margin:-24px -24px 20px;height:180px;overflow:hidden}.newsletter-preview-img-container .newsletter-preview-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.newsletter-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.newsletter-parasha{display:inline-block;padding:4px 14px;background:linear-gradient(135deg,#2e9c98,#1a7a76);color:#fff;border-radius:20px;font-size:13px;font-weight:600}.newsletter-date{font-size:13px;color:#999}.newsletter-title{font-size:20px;color:#1a3a3a;margin:0 0 12px;font-weight:600}.newsletter-content{font-size:15px;color:#555;line-height:1.8;margin:0 0 20px}.newsletter-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}.newsletter-btn{padding:10px 24px;background:linear-gradient(135deg,#2e9c98,#1a7a76);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.newsletter-btn:hover{background:linear-gradient(135deg,#1a7a76,#0a5a58);transform:translateY(-1px)}.newsletter-btn:active{transform:scale(.97)}.newsletter-btn-outline{background:#fff;color:#2e9c98;border:2px solid #2e9c98;text-decoration:none}.newsletter-btn-outline:hover{background:#f0fafa;color:#1a7a76;border-color:#1a7a76}.newsletter-full-content{margin:16px 0;padding:16px;background:#f9fefe;border-radius:8px;font-size:15px;color:#444;line-height:1.9;white-space:pre-wrap;border-right:3px solid #2e9c98;animation:fadeIn .3s ease}.loading-state{text-align:center;padding:48px 24px;color:#888;max-width:800px;margin:0 auto}.loading-state p{margin-top:12px}.empty-state{text-align:center;padding:48px 24px;color:#999;font-size:16px;max-width:800px;margin:0 auto}.loading-spinner{width:40px;height:40px;border:3px solid #e8f5f5;border-top-color:#2e9c98;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 140px);padding:24px;direction:rtl}.login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0050501a;padding:40px 32px}@media(max-width:480px){.login-card{padding:32px 20px}}.login-header{text-align:center;margin-bottom:28px}.login-header .login-logo{height:70px;margin-bottom:12px}.login-header h2{font-size:24px;color:#1a5c5a;margin:0 0 6px;font-weight:700}.login-header p{font-size:14px;color:#888;margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.login-error{background:#fff0f0;border:1px solid #ffcccc;color:#c33;padding:10px 14px;border-radius:8px;font-size:14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:#444}.form-group input{height:44px;padding:0 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;color:#333;outline:none;transition:border-color .2s;direction:ltr;text-align:right}.form-group input:focus{border-color:#2e9c98}.form-group input::placeholder{color:#bbb;text-align:right}.login-btn{height:48px;background:linear-gradient(135deg,#2e9c98,#1a7a76);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s,opacity .2s;margin-top:4px}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a7a76,#0a5a58);transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.article-page-container{direction:rtl;max-width:900px;margin:0 auto;padding:40px 24px}.article-page-top-actions{display:flex;gap:16px;margin-bottom:24px;align-items:center}.article-page-top-actions .btn-outline-back{display:inline-block;padding:10px 20px;background:#fff;color:#1a5c5a;border:2px solid #e0ebeb;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}.article-page-top-actions .btn-outline-back:hover{background:#f0fafa;border-color:#2e9c98;color:#2e9c98}.article-page-top-actions .btn-primary{padding:10px 20px;background:linear-gradient(135deg,#2e9c98,#1a7a76);color:#fff;border:none;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s,transform .15s}.article-page-top-actions .btn-primary:hover{background:linear-gradient(135deg,#1a7a76,#0a5a58);transform:translateY(-2px)}@media(max-width:480px){.article-page-top-actions{flex-direction:column;align-items:stretch;text-align:center}}.full-article{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00505014}@media(max-width:768px){.full-article{padding:24px}}.full-article-image-container{margin:-40px -40px 32px;height:350px;overflow:hidden;border-radius:16px 16px 0 0}@media(max-width:768px){.full-article-image-container{margin:-24px -24px 24px;height:250px}}.full-article-image-container .full-article-image{width:100%;height:100%;object-fit:cover}.full-article-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.full-article-category{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#2e9c98,#1a7a76);color:#fff;border-radius:20px;font-size:14px;font-weight:600}.full-article-date{font-size:14px;color:#888}.full-article-title{font-size:36px;color:#1a5c5a;margin:0 0 32px;font-weight:800;line-height:1.3}@media(max-width:768px){.full-article-title{font-size:28px;margin-bottom:24px}}.full-article-content{font-size:18px;color:#444;line-height:1.9;white-space:pre-wrap;margin-bottom:40px}.loading-state,.empty-state{text-align:center;padding:60px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00505014}.loading-state h2,.empty-state h2{color:#1a5c5a;margin-bottom:12px}.loading-state p,.empty-state p{color:#777;margin-bottom:24px}.loading-state .btn-primary,.empty-state .btn-primary{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#2e9c98,#1a7a76);color:#fff;text-decoration:none;border-radius:8px;font-weight:600}.app-layout{display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:500;background:#fff;box-shadow:0 2px 12px #00505014}.main-nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px;height:64px;direction:rtl}@media(max-width:480px){.main-nav{padding:0 12px;height:56px}}.nav-logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.nav-logo{height:44px}@media(max-width:480px){.nav-logo{height:36px}}.nav-site-name{font-size:20px;font-weight:700;color:#1a5c5a;white-space:nowrap}@media(max-width:480px){.nav-site-name{font-size:16px}}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:4px}.nav-link{display:block;padding:8px 20px;color:#555;text-decoration:none;font-size:15px;font-weight:500;border-radius:8px;transition:background .2s,color .2s}.nav-link:hover{background:#f0fafa;color:#1a5c5a}.nav-link.active{background:linear-gradient(135deg,#2e9c98,#1a7a76);color:#fff}@media(max-width:480px){.nav-link{padding:6px 14px;font-size:14px}}.site-main{flex:1}.site-footer{text-align:center;padding:20px;color:#999;font-size:13px;border-top:1px solid #eee;margin-top:20px;direction:rtl}.site-footer p{margin:4px 0}.site-footer .contact-email{margin-top:8px;font-size:14px}.site-footer .contact-email a{color:#2e9c98;text-decoration:none;font-weight:500;transition:color .2s}.site-footer .contact-email a:hover{color:#1a7a76;text-decoration:underline}