:root{--bg:#0b1220;--panel:#0f172a;--text:#e2e8f0;--muted:#94a3b8;--brand:#60a5fa;--brand-700:#1d4ed8}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,var(--bg),#0a0f1a);color:var(--text)}.app{min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 24px;background:#0f172acc;-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid #1f2937}@media (max-width: 768px){.header{position:relative;justify-content:center}}.brand{font-weight:700;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:8px}.logo{height:64px;width:auto}@media (max-width: 768px){.logo{height:48px}}.btn-donate{background:transparent;color:var(--text);border:2px solid var(--brand);padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s ease;box-shadow:0 0 10px #60a5fa4d}.btn-donate:hover{background:var(--brand);color:#081225;transform:translateY(-2px);box-shadow:0 0 20px #60a5fa80}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:4px}.hamburger span{width:25px;height:3px;background:var(--text);margin:3px 0;transition:.3s}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.off-canvas{position:fixed;top:0;right:calc(-100vw + 25px);width:calc(100vw - 25px);max-width:400px;height:100vh;background:var(--panel);z-index:999;transition:right .3s ease;box-shadow:-4px 0 20px #0000004d}.off-canvas.open{right:0}.off-canvas-content{padding:20px;height:100%}.mobile-nav{display:flex;flex-direction:column;gap:16px;margin-top:40px}.mobile-nav a{color:var(--text);text-decoration:none;padding:16px 20px;border-radius:12px;font-size:18px;font-weight:500;transition:all .2s ease;background:transparent}.mobile-nav a:hover{background:#60a5fa1a;transform:translate(8px)}.mobile-nav a.active{background:var(--brand);color:#081225}.btn-donate-mobile{background:transparent;color:var(--text);border:2px solid var(--brand);padding:16px 20px;border-radius:12px;cursor:pointer;font-weight:600;font-size:18px;text-decoration:none;transition:all .2s ease;box-shadow:0 0 10px #60a5fa4d;margin-top:auto;text-align:center}.btn-donate-mobile:hover{background:var(--brand);color:#081225;transform:translateY(-2px);box-shadow:0 0 20px #60a5fa80}.nav{display:flex;gap:12px}.nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px}.nav a.active{color:var(--text);background:#0b1220}.nav a:hover{color:var(--text)}@media (max-width: 700px){.hamburger{display:flex}.nav{display:none}.header{justify-content:space-between}}.hero-section{background:#8482822b;padding:80px 24px;display:flex;align-items:center;justify-content:center}.hero-section .upcoming-event-card{width:100%;max-width:1000px;margin:0 auto}.hero-content{max-width:1200px;width:100%;margin:0 auto}.hero-text{display:flex;flex-direction:column;align-items:center;gap:32px}.hero-quote{font-size:2.5rem;line-height:1.6;font-weight:400;color:var(--text);text-align:center;max-width:1000px;margin:0;direction:rtl;font-family:Times New Roman,serif}.hero-source{font-size:1.1rem;color:var(--muted);text-align:center;margin:0;direction:rtl;font-family:Times New Roman,serif;font-style:italic}@media (max-width: 768px){.hero-section{min-height:50vh;padding:60px 16px}.hero-quote{font-size:1.8rem;line-height:1.5}.hero-source{font-size:1rem}.hero-section .upcoming-event-card{max-width:100%}}.nav.open{display:flex}.nav a{padding:12px 16px;border-radius:8px;margin:4px 0}.main{flex:1;padding:0 0 100px;max-width:100%;margin:0 auto}.hero-section .upcoming-event-card{width:100%;max-width:1000px}.hero-image-placeholder{width:100%;height:400px;background:linear-gradient(135deg,var(--panel),#1e293b);border-bottom:1px solid #1f2937;display:flex;align-items:center;justify-content:center;position:relative}.hero-placeholder-text{color:var(--muted);font-size:24px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.content-section{padding:32px 24px;max-width:900px;margin:0 auto}h1{margin:0 0 8px;font-size:28px}p{margin:0 0 16px;color:var(--muted)}.location-text{font-size:18px;color:var(--brand);font-weight:600;text-align:center;margin:16px 0 24px;letter-spacing:.5px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.service-card{display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:var(--panel);border-radius:16px;border:1px solid #1f2937;text-decoration:none;color:var(--text);transition:all .3s ease;text-align:center}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d;border-color:var(--brand)}.service-card .material-symbols-outlined{font-size:48px;color:var(--brand);margin-bottom:16px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.service-card:hover .material-symbols-outlined{color:var(--text)}@media (max-width: 768px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.service-card{padding:24px 16px}.service-card .material-symbols-outlined{font-size:36px;margin-bottom:12px}}.footer-links{background:var(--panel);border-top:1px solid #1f2937;padding:48px 24px}.footer-links-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer-column h4{color:var(--text);font-size:18px;font-weight:600;margin:0 0 16px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:8px}.footer-column a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .2s ease}.footer-column a:hover{color:var(--brand)}.footer-column .btn-donate{background:transparent;color:var(--text);border:2px solid var(--brand);padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s ease;box-shadow:0 0 10px #60a5fa4d;display:inline-block}.footer-column .btn-donate:hover{background:var(--brand);color:#081225;transform:translateY(-2px);box-shadow:0 0 20px #60a5fa80}@media (max-width: 768px){.footer-links-container{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 480px){.footer-links-container{grid-template-columns:1fr;gap:20px}}.footer{text-align:center;padding:40px 24px;border-top:1px solid #1f2937;color:var(--muted);background:#0f172a80}.sponsors-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-top:16px}.sponsor-link{display:flex;align-items:center;transition:opacity .2s ease}.sponsor-link:hover{opacity:.8}.sponsor-logo{height:40px;width:auto;max-width:200px;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);transition:filter .2s ease}.sponsor-logo:hover{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(120%) contrast(100%)}@media (max-width: 768px){.sponsors-container{gap:24px}.sponsor-logo{height:32px;max-width:150px}}.btn{background:var(--brand);color:#081225;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.btn:hover{background:var(--brand-700);color:#fff}.upcoming-events-section{margin-bottom:64px}.upcoming-events-section h2{font-size:28px;margin-bottom:32px;color:var(--text)}.upcoming-event-card{display:flex;background:var(--panel);border-radius:20px;overflow:hidden;border:2px solid var(--brand);box-shadow:0 8px 32px #60a5fa33;transition:transform .3s ease,box-shadow .3s ease}.upcoming-event-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #60a5fa4d}.upcoming-event-image{flex:0 0 400px;overflow:hidden}.upcoming-event-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.upcoming-event-card:hover .upcoming-event-image img{transform:scale(1.08)}.upcoming-event-content{flex:1;padding:48px;display:flex;flex-direction:column}.upcoming-event-location{font-size:16px;color:var(--brand);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.upcoming-event-name{font-size:32px;font-weight:700;color:var(--text);margin:0 0 12px;line-height:1.2}.upcoming-event-date{font-size:18px;color:var(--muted);margin-bottom:24px;font-weight:500}.upcoming-event-description{color:var(--muted);line-height:1.7;margin:0 0 32px;font-size:16px;flex:1}.upcoming-event-actions{display:flex;gap:16px;align-items:center}.btn-primary{background:var(--brand);color:#081225;border:none;padding:14px 24px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;text-decoration:none;transition:all .2s ease}.btn-primary:hover{background:var(--brand-700);color:#fff;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text);border:2px solid var(--brand);padding:12px 22px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:var(--brand);color:#081225;transform:translateY(-2px)}@media (max-width: 768px){.upcoming-event-card{flex-direction:column}.upcoming-event-image{flex:0 0 250px}.upcoming-event-content{padding:32px 24px}.upcoming-event-name{font-size:24px}.upcoming-event-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{text-align:center}}.past-events-section{margin-top:48px}.past-events-section h2{font-size:24px;margin-bottom:32px;color:var(--text)}.past-events-grid{display:flex;flex-direction:column;gap:32px}.event-card{display:flex;background:var(--panel);border-radius:16px;overflow:hidden;border:1px solid #1f2937;transition:transform .2s ease,box-shadow .2s ease;height:300px}.event-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.event-image{flex:0 0 300px;width:300px;height:300px;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-card:hover .event-image img{transform:scale(1.05)}.event-card:nth-child(2n){flex-direction:row-reverse}.event-content{flex:1;padding:32px;display:flex;flex-direction:column}.event-location{font-size:14px;color:var(--brand);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.event-name{font-size:24px;font-weight:700;color:var(--text);margin:0 0 8px}.event-date{font-size:16px;color:var(--muted);margin-bottom:16px}.event-description{color:var(--muted);line-height:1.6;margin:0 0 24px;flex:1}.event-resources-btn{align-self:flex-start;margin-top:auto}@media (max-width: 768px){.event-card{flex-direction:column}.event-image{flex:0 0 200px}.event-content{padding:24px}.event-name{font-size:20px}}.course-detail-header{display:flex;gap:48px;margin-bottom:48px;background:var(--panel);border-radius:20px;padding:32px;border:1px solid #1f2937}.course-detail-info{flex:1;display:flex;flex-direction:column;gap:24px}.course-detail-info h1{font-size:36px;line-height:1.2;margin:0}.course-description-hero{font-size:18px;line-height:1.6;color:var(--muted);margin:0}.course-detail-image{flex:0 0 400px;border-radius:12px;overflow:hidden}.course-detail-image img{width:100%;height:100%;object-fit:cover}.course-stats-detail{display:flex;flex-wrap:wrap;gap:24px;margin-top:auto}.course-stats-detail span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:16px}.course-stats-detail .material-symbols-outlined{color:var(--brand);font-size:20px}.course-actions{margin-top:24px}.btn-download-course{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#081225;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;text-decoration:none;transition:all .2s ease}.btn-download-course:hover{background:var(--brand-700);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #60a5fa4d}.btn-download-course .material-symbols-outlined{font-size:20px}.course-detail-content{display:flex;flex-direction:column;gap:48px}.course-description h2,.course-instructors-section h2,.course-syllabus h2{font-size:24px;margin-bottom:24px;color:var(--text)}.course-description p{font-size:16px;line-height:1.7;color:var(--muted)}.instructors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.instructor-card{background:var(--panel);border-radius:12px;padding:20px;border:1px solid #1f2937}.instructor-info h3{font-size:20px;margin:0 0 8px;color:var(--text)}.instructor-role{color:var(--brand);font-size:14px;font-weight:600;margin:0 0 4px}.instructor-expertise{color:var(--muted);font-size:14px;margin:0}.syllabus-list{display:flex;flex-direction:column;gap:12px;align-items:center}.syllabus-item{background:var(--panel);border-radius:8px;padding:16px;border:1px solid #1f2937;width:100%;max-width:500px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.syllabus-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.syllabus-header h3{font-size:16px;margin:0;color:var(--text);flex:1}.module-number{color:var(--brand);font-size:24px;font-weight:700;flex-shrink:0}.module-duration{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}.module-duration .material-symbols-outlined{font-size:14px;color:var(--brand)}.syllabus-content{flex:1}.audio-file{display:flex;align-items:center;padding:8px 0;border-top:1px solid #1f2937;margin-top:8px}.audio-filename{color:var(--muted);font-size:13px}.play-button{background:var(--brand);color:#081225;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-button:hover{background:var(--brand-700);color:#fff;transform:scale(1.1)}.play-button .material-symbols-outlined{font-size:14px}.play-button-large{background:var(--brand);color:#081225;border:none;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;align-self:start}.play-button-large:hover{background:var(--brand-700);color:#fff;transform:scale(1.05);box-shadow:0 4px 16px #60a5fa4d}.play-button-large .material-symbols-outlined{font-size:24px}@media (max-width: 768px){.course-detail-header{flex-direction:column;gap:32px;padding:24px}.course-detail-image{flex:0 0 auto;height:250px}.course-detail-info h1{font-size:28px}.course-description-hero{font-size:16px}.course-stats-detail{gap:16px}.instructor-card{padding:16px}.syllabus-item{padding:12px;max-width:100%;grid-template-columns:1fr auto;gap:12px}.syllabus-header{flex-direction:column;align-items:flex-start;gap:8px}.play-button-large{width:50px;height:50px}.play-button-large .material-symbols-outlined{font-size:20px}}.audio-page-header{margin-bottom:48px}.audio-page-header h1{font-size:36px;font-weight:700;color:var(--text);margin:0 0 16px;line-height:1.2}.audio-page-header p{font-size:18px;color:var(--muted);line-height:1.6;margin:0 0 24px}.courses-grid{display:flex;flex-direction:column;gap:24px;margin-top:32px}.course-card{display:flex;background:var(--panel);border-radius:16px;overflow:hidden;border:1px solid #1f2937;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit}.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d;border-color:var(--brand)}.course-content{flex:1;padding:32px;display:flex;flex-direction:column}.course-name{font-size:32px;font-weight:700;color:var(--text);margin:0 0 16px;line-height:1.2}.course-description{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 16px}.course-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.course-tag{background:var(--brand);color:#081225;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-meta{margin-top:auto}.course-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.course-stats span{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--muted);font-weight:500}.course-stats .material-symbols-outlined{font-size:16px;color:var(--brand)}.course-instructors{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--muted);font-weight:500}.course-instructors .material-symbols-outlined{font-size:18px;color:var(--brand);margin-top:2px}.instructor-list{display:flex;flex-direction:column;gap:4px}.instructor{display:block;color:var(--muted)}.course-image{flex:0 0 300px;padding:20px;display:flex;align-items:center;justify-content:center;position:relative}.course-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:12px}.course-overlay .material-symbols-outlined{font-size:48px;color:#fff}.course-card:hover .course-overlay{opacity:1}.course-image img{width:260px;height:260px;object-fit:cover;border-radius:12px;transition:transform .3s ease}.course-card:hover .course-image img{transform:scale(1.05)}@media (max-width: 768px){.audio-page-header h1{font-size:28px}.audio-page-header p{font-size:16px}.courses-grid{gap:20px}.course-card{flex-direction:column}.course-image{flex:0 0 260px;padding:20px}.course-image img{width:220px;height:220px}.course-content{padding:24px}.course-name{font-size:26px}.course-stats{gap:12px}}.audio-player{position:fixed;bottom:0;left:0;right:0;background:var(--panel);border-top:1px solid #1f2937;z-index:1000;padding:16px 24px;box-shadow:0 -4px 20px #0000004d}.audio-player-content{display:flex;flex-direction:column;gap:16px;max-width:1200px;margin:0 auto}.audio-player-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.close-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;height:32px}.close-btn:hover{background:#ef44441a;color:#ef4444}.close-btn .material-symbols-outlined{font-size:18px}.track-info{flex:1;min-width:0}.track-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-time{font-size:14px;color:var(--muted);margin:0}.player-controls{display:flex;align-items:center;gap:8px;justify-content:center}.audio-player-main{display:flex;align-items:center;gap:24px;width:100%}.control-btn{background:transparent;border:none;color:var(--text);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.control-btn:hover:not(:disabled){background:#60a5fa1a;color:var(--brand)}.control-btn:disabled{color:var(--muted);cursor:not-allowed}.play-btn{background:var(--brand);color:#081225;width:40px;height:40px}.play-btn:hover{background:var(--brand-700);color:#fff;transform:scale(1.05)}.control-btn .material-symbols-outlined{font-size:20px}.play-btn .material-symbols-outlined{font-size:24px}.progress-container{flex:2;max-width:400px}.progress-bar{width:100%;height:8px;background:#1f2937;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s ease}.progress-bar:hover{background:#374151}.progress-fill{height:100%;background:var(--brand);border-radius:4px;transition:width .1s ease;position:relative;min-width:0%}.progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--brand);border-radius:50%;opacity:0;transition:opacity .2s ease;box-shadow:0 2px 4px #0000004d}.progress-bar:hover .progress-fill:after{opacity:1}.progress-bar:hover .progress-fill{background:var(--brand-700)}.player-settings{display:flex;align-items:center;gap:16px}.speed-control{display:flex;align-items:center}.speed-selector{background:var(--panel);border:1px solid #1f2937;color:var(--text);padding:4px 8px;border-radius:6px;font-size:14px;cursor:pointer}.speed-selector:focus{outline:none;border-color:var(--brand)}.volume-control{display:flex;align-items:center;gap:8px}.volume-control .material-symbols-outlined{font-size:18px;color:var(--muted)}.volume-slider{width:80px;height:4px;background:#1f2937;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--brand);border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--brand);border-radius:50%;cursor:pointer;border:none}@media (max-width: 768px){.audio-player{padding:12px 16px}.audio-player-content{flex-direction:column;gap:16px;align-items:stretch}.track-info{text-align:center}.player-controls{justify-content:center}.progress-container{max-width:none}.player-settings{justify-content:center;gap:24px}.volume-slider{width:60px}}.contact-page .hero-section{min-height:300px;padding:40px 24px}.contact-page{max-width:none;margin:0 auto}.contact-main{max-width:none;margin:0 auto;padding:48px 24px}.contact-intro{text-align:left;margin-bottom:0;flex:1}.contact-intro h1{font-size:48px;font-weight:700;color:var(--text);margin:0 0 16px;line-height:1.2}.contact-intro p{font-size:20px;color:var(--muted);line-height:1.6;margin:0;max-width:none}.quick-contact-section{margin-bottom:80px;flex:2}.contact-intro-quick-container{display:flex;gap:48px;align-items:flex-start;margin-bottom:80px;max-width:none}@media (max-width: 768px){.contact-intro-quick-container{flex-direction:column;gap:32px}.contact-intro{text-align:center}.contact-intro p{max-width:600px;margin:0 auto}}.quick-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.quick-contact-card{background:var(--panel);border-radius:20px;padding:40px 32px;border:1px solid #1f2937;text-align:center;transition:all .3s ease}.quick-contact-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:var(--brand)}.quick-contact-icon{margin-bottom:24px}.quick-contact-icon .material-symbols-outlined{font-size:48px;color:var(--brand)}.quick-contact-card h3{font-size:24px;font-weight:600;color:var(--text);margin:0 0 12px}.quick-contact-card p{color:var(--muted);margin:0 0 20px;font-size:16px}.quick-contact-link{color:var(--brand);text-decoration:none;font-weight:600;font-size:18px;transition:color .2s ease}.quick-contact-link:hover{color:var(--text)}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:36px;font-weight:700;color:var(--text);margin:0 0 12px}.section-header p{font-size:18px;color:var(--muted);margin:0}.headquarters-section{margin-bottom:80px}.headquarters-card{background:var(--panel);border-radius:24px;padding:48px;border:2px solid var(--brand);box-shadow:0 8px 32px #60a5fa33}.headquarters-info{margin-bottom:40px}.office-title{margin-bottom:32px}.office-title h3{font-size:32px;font-weight:700;color:var(--text);margin:0 0 8px}.office-subtitle{font-size:18px;color:var(--brand);font-weight:600;direction:rtl;font-family:Times New Roman,serif}.contact-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.contact-item{display:flex;align-items:flex-start;gap:12px}.contact-item .material-symbols-outlined{color:var(--brand);font-size:24px;margin-top:2px;flex-shrink:0}.contact-item p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}.contact-item a{color:var(--brand);text-decoration:none;font-weight:600;transition:color .2s ease}.contact-item a:hover{color:var(--text)}.team-section h4{font-size:24px;font-weight:600;color:var(--text);margin:0 0 24px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.team-member{background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:8px;padding:12px 16px;text-align:center;font-size:16px;font-weight:500;color:var(--text);direction:rtl;font-family:Times New Roman,serif;transition:all .2s ease}.team-member:hover{background:#60a5fa33;border-color:var(--brand);transform:translateY(-2px)}.team-director{text-align:center;margin-bottom:24px}.team-member-director{background:var(--brand);color:#fff;border:2px solid var(--brand);border-radius:12px;padding:16px 24px;font-size:18px;font-weight:600;display:inline-block;box-shadow:0 4px 16px #60a5fa4d}.team-divider{height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);margin:24px 0;border-radius:1px}.satellite-section{margin-bottom:80px}.satellite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.satellite-card{background:var(--panel);border-radius:20px;padding:32px;border:1px solid #1f2937;transition:all .3s ease}.satellite-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:var(--brand)}.satellite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.satellite-header h3{font-size:24px;font-weight:600;color:var(--text);margin:0;direction:rtl;font-family:Times New Roman,serif}.location-badge{background:var(--brand);color:#081225;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.satellite-contact{margin-bottom:24px}.satellite-contact .contact-item{margin-bottom:16px}.satellite-contact .contact-item:last-child{margin-bottom:0}.local-team{display:flex;flex-direction:column;gap:8px}.local-team .team-member{font-size:14px;padding:8px 12px}@media (max-width: 768px){.contact-main{padding:32px 16px}.contact-intro h1{font-size:36px}.contact-intro p{font-size:18px}.quick-contact-grid{grid-template-columns:1fr;gap:24px}.quick-contact-card,.headquarters-card{padding:32px 24px}.contact-details{grid-template-columns:1fr;gap:20px}.team-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.satellite-grid{grid-template-columns:1fr;gap:24px}.satellite-card{padding:24px}.satellite-header{flex-direction:column;align-items:flex-start;gap:12px}}.contact-header{text-align:center;margin-bottom:48px}.contact-header h1{font-size:36px;font-weight:700;color:var(--text);margin:0 0 16px;line-height:1.2}.contact-header p{font-size:18px;color:var(--muted);line-height:1.6;margin:0}.contact-content{display:flex;flex-direction:column;gap:48px}.office-section h2{font-size:28px;font-weight:700;color:var(--text);margin:0 0 24px}.office-card{background:var(--panel);border-radius:16px;padding:32px;border:1px solid #1f2937;transition:transform .2s ease,box-shadow .2s ease}.office-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.office-card.headquarters{border:2px solid var(--brand);box-shadow:0 4px 16px #60a5fa33}.office-card.headquarters:hover{box-shadow:0 8px 32px #60a5fa4d}.office-info h3{font-size:24px;font-weight:700;color:var(--text);margin:0 0 16px}.office-address,.office-contact,.office-hours{display:flex;align-items:flex-start;gap:8px;color:var(--muted);margin:0 0 12px;font-size:16px;line-height:1.5}.office-address .material-symbols-outlined,.office-contact .material-symbols-outlined,.office-hours .material-symbols-outlined{color:var(--brand);font-size:20px;margin-top:2px;flex-shrink:0}.office-contact a{color:var(--brand);text-decoration:none;transition:color .2s ease}.office-contact a:hover{color:var(--text)}.satellite-offices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:none}.contact-section h2{font-size:28px;font-weight:700;color:var(--text);margin:0 0 24px}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:none}.contact-method{background:var(--panel);border-radius:16px;padding:32px;border:1px solid #1f2937;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.contact-method:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.contact-method .material-symbols-outlined{font-size:48px;color:var(--brand);margin-bottom:16px}.contact-method h3{font-size:20px;font-weight:600;color:var(--text);margin:0 0 8px}.contact-method p{color:var(--muted);margin:0 0 16px;line-height:1.5}.contact-method a{color:var(--brand);text-decoration:none;font-weight:600;transition:color .2s ease}.contact-method a:hover{color:var(--text)}.hebrew-names{direction:rtl;font-family:Times New Roman,serif;font-size:18px;font-weight:600;color:var(--text);line-height:1.8;text-align:center;margin:16px 0}.hebrew-names .name{display:block;margin:8px 0;padding:8px 16px;background:#60a5fa1a;border-radius:8px;border:1px solid rgba(96,165,250,.2);transition:all .2s ease}.hebrew-names .name:hover{background:#60a5fa33;border-color:var(--brand);transform:translate(-4px)}@media (max-width: 768px){.contact-page{max-width:none;padding:24px 16px}.contact-header h1{font-size:28px}.contact-header p{font-size:16px}.office-card{padding:24px}.office-info h3{font-size:20px}.satellite-offices-grid,.contact-methods{grid-template-columns:1fr;gap:20px}.contact-method{padding:24px}}.directory-search{margin-bottom:48px}.search-container{position:relative;max-width:600px;margin:0 auto 16px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:20px;z-index:2}.search-input{width:100%;padding:16px 48px;background:var(--panel);border:2px solid #1f2937;border-radius:12px;color:var(--text);font-size:16px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #60a5fa1a}.search-input::placeholder{color:var(--muted)}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{background:#60a5fa1a;color:var(--brand)}.clear-search .material-symbols-outlined{font-size:18px}.search-results-info{text-align:center;color:var(--muted);font-size:14px;margin-bottom:8px}.directory-listings{display:flex;flex-direction:column;gap:48px;width:100%;max-width:none}.directory-page,.resources-page{max-width:none!important;padding:32px 24px}.job-card-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease,box-shadow .2s ease}.job-card-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;text-decoration:none;color:inherit}.job-card-link .card-button{pointer-events:none}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px;width:100%;max-width:none}.resources-page .resources-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important}@media (max-width: 1200px){.resources-page .resources-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 900px){.resources-page .resources-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.resources-page .resources-grid{grid-template-columns:1fr!important}}.resource-card{background:var(--panel);border-radius:16px;padding:24px;border:1px solid #1f2937;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,box-shadow .2s ease;text-align:center;position:relative}.resource-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.resource-logo{display:flex;justify-content:center;align-items:center;margin-bottom:16px;width:180px;height:180px;background:#fff;border-radius:16px;padding:20px;box-sizing:border-box}.resource-logo img{max-height:140px;max-width:140px;object-fit:contain;transition:transform .3s ease}.resource-card:hover .resource-logo img{transform:scale(1.1)}.logo-placeholder{display:flex;align-items:center;justify-content:center;color:#666;transition:transform .3s ease;width:100%;height:100%}.resource-card:hover .logo-placeholder{transform:scale(1.1)}.logo-placeholder .material-symbols-outlined{font-size:24px}.resource-content{flex:1}.resource-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 8px;line-height:1.3}.resource-category{color:var(--muted);font-size:14px;margin-bottom:16px;padding:4px 12px;background:#ffffff0d;border-radius:12px;display:inline-block}.resource-actions{position:absolute;bottom:16px;right:16px}.resource-link-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--brand);color:#fff;border-radius:50%;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px #60a5fa4d}.resource-link-btn:hover{background:var(--brand-700);transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa66;color:#fff;text-decoration:none}.resource-link-btn .material-symbols-outlined{font-size:18px}.loading-message,.error-message{text-align:center;padding:48px;color:var(--muted);font-size:16px}@media (max-width: 768px){.resources-grid{grid-template-columns:1fr;gap:16px}.resource-card{padding:20px}.resource-title{font-size:16px}}.directory-category{background:var(--panel);border-radius:16px;padding:32px;border:1px solid #1f2937}.category-heading{font-size:24px;font-weight:700;color:var(--text);margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid var(--brand)}.companies-list{display:flex;flex-direction:column;gap:16px}.company-row{display:grid;grid-template-columns:auto 2fr 2fr 1fr;gap:24px;align-items:center;padding:20px;background:#60a5fa0d;border-radius:12px;border:1px solid rgba(96,165,250,.1);transition:all .2s ease}.company-logo{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid rgba(96,165,250,.2);background:var(--panel)}.company-logo img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.company-row:hover .company-logo img{transform:scale(1.05)}.company-row:hover{background:#60a5fa1a;border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 16px #60a5fa1a}.company-info{display:flex;flex-direction:column;gap:4px}.company-name{font-size:18px;font-weight:600;color:var(--text)}.company-owner{font-size:14px;color:var(--muted)}.company-contact{display:flex;flex-direction:column;gap:8px}.contact-item{display:flex;align-items:center;gap:8px}.contact-item .material-symbols-outlined{font-size:16px;color:var(--brand)}.contact-item a{color:var(--text);text-decoration:none;font-size:14px;transition:color .2s ease}.contact-item a:hover{color:var(--brand)}.company-location{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.company-location .material-symbols-outlined{font-size:16px;color:var(--brand)}.no-results{text-align:center;padding:64px 24px;color:var(--muted)}.no-results .material-symbols-outlined{font-size:48px;margin-bottom:16px;color:var(--muted)}.no-results p{font-size:18px;margin-bottom:24px}@media (max-width: 768px){.directory-category{padding:24px 16px}.category-heading{font-size:20px;margin-bottom:20px}.company-row{grid-template-columns:auto 1fr;gap:16px;padding:16px}.company-logo{width:50px;height:50px}.company-info{text-align:left}.company-contact{grid-column:1 / -1;align-items:flex-start}.company-location{grid-column:1 / -1;justify-content:flex-start}.search-input{padding:14px 48px;font-size:16px}}.job-matching-header{text-align:center;margin-bottom:48px}.job-matching-header h1{font-size:36px;font-weight:700;color:var(--text);margin:0 0 16px;line-height:1.2}.job-matching-header p{font-size:18px;color:var(--muted);line-height:1.6;margin:0}.job-matching-cards{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1200px;margin:0 auto}.job-card{background:var(--panel);border-radius:24px;padding:48px;border:2px solid transparent;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center}.job-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.employer-card:hover{border-color:var(--brand);box-shadow:0 20px 40px #60a5fa33}.employee-card:hover{border-color:#10b981;box-shadow:0 20px 40px #10b98133}.card-icon{margin-bottom:24px}.card-icon .material-symbols-outlined{font-size:64px;color:var(--brand)}.employee-card .card-icon .material-symbols-outlined{color:#10b981}.job-card h2{font-size:28px;font-weight:700;color:var(--text);margin:0 0 16px}.job-card p{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 32px;max-width:400px}.card-features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;width:100%}.feature{display:flex;align-items:center;gap:12px;justify-content:flex-start}.feature .material-symbols-outlined{font-size:20px;color:var(--brand);flex-shrink:0}.employee-card .feature .material-symbols-outlined{color:#10b981}.feature span:last-child{color:var(--text);font-size:16px;font-weight:500}.card-button{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:12px;font-weight:600;font-size:18px;text-decoration:none;transition:all .2s ease;border:2px solid transparent}.employer-button{background:var(--brand);color:#081225}.employer-button:hover{background:var(--brand-700);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #60a5fa4d}.employee-button{background:#10b981;color:#fff}.employee-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.card-button .material-symbols-outlined{font-size:20px}@media (max-width: 768px){.job-matching-header h1{font-size:28px}.job-matching-header p{font-size:16px}.job-matching-cards{grid-template-columns:1fr;gap:24px}.job-card{padding:32px 24px}.card-icon .material-symbols-outlined{font-size:48px}.job-card h2{font-size:24px}.job-card p{font-size:15px;margin-bottom:24px}.card-button{padding:14px 24px;font-size:16px}}.hebrew-text-large{font-family:David Libre,Noto Sans Hebrew,Arial Hebrew,Times New Roman,serif;font-size:2.5rem;line-height:1.6;text-align:right;direction:rtl;margin:2rem 0;padding:2rem;background:#ffffff0d;border-radius:8px;border-right:4px solid var(--brand)}.hebrew-text-large p{margin:0;font-weight:600}.section-divider{width:60px;height:2px;background:var(--brand);margin:48px auto;border-radius:1px}.centered-heading,.no-events-message{text-align:center}.legal-poster{text-align:center;margin:2rem 0}.legal-poster img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 16px #0000004d}.category-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin:24px 0 32px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid #1f2937;width:100%;max-width:none}.letter-group{min-width:0}.letter-heading{font-size:18px;font-weight:700;color:var(--brand);margin:0 0 12px;border-bottom:2px solid var(--brand);padding-bottom:6px}.letter-categories{display:flex;flex-direction:column;gap:6px}.category-link{color:var(--text);text-decoration:none;font-size:14px;line-height:1.4;padding:2px 0;transition:color .2s ease}.category-link:hover{color:var(--brand)}@media (max-width: 768px){.category-navigation{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.letter-heading{font-size:16px}.category-link{font-size:13px}}@media (max-width: 480px){.category-navigation{grid-template-columns:1fr}}.sponsors-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-top:48px;max-width:1000px;margin-left:auto;margin-right:auto}.sponsors-page-card{text-align:center;transition:all .2s ease}.sponsors-page-card:hover{transform:translateY(-2px)}.sponsors-page-link{display:block;text-decoration:none;color:inherit}.sponsors-page-link:hover{text-decoration:none;color:inherit}.sponsors-page-logo{max-width:180px;max-height:80px;width:auto;height:auto;object-fit:contain;transition:transform .2s ease}.sponsors-page-card:hover .sponsors-page-logo{transform:scale(1.05)}.sponsors-page-name{font-size:18px;font-weight:600;color:var(--text);transition:color .2s ease}.sponsors-page-card:hover .sponsors-page-name{color:var(--brand)}@media (max-width: 768px){.sponsors-page-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px;margin-top:32px}.sponsors-page-logo{max-width:140px;max-height:60px}.sponsors-page-name{font-size:16px}}@media (max-width: 480px){.sponsors-page-grid{grid-template-columns:repeat(2,1fr);gap:24px}.sponsors-page-logo{max-width:120px;max-height:50px}.sponsors-page-name{font-size:15px}}