:root{--primary:#006233;--primary-light:#008f4a;--secondary:gold;--accent:#d21034;--dark:#1a1a1a;--light:#f8f9fa;--white:#fff;--gray:#6c757d;--glass:#ffffffe6;--shadow:0 10px 30px #0000001a;--transition:all .3s ease;--font-main:"Tajawal", sans-serif;--font-heading:"Amiri", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--light);color:var(--dark);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:2px solid var(--secondary);padding:10px 0;position:sticky;top:0}.main-header .container{justify-content:space-between;align-items:center;display:flex}.logo-area{align-items:center;gap:20px;display:flex}.logo-wrapper{justify-content:center;align-items:center;padding:5px;display:flex}.logo{mix-blend-mode:multiply;width:auto;height:70px}.site-title h1{font-family:var(--font-heading);color:var(--primary);font-size:1.8rem;font-weight:700;line-height:1.1}.site-title p{color:var(--gray);font-size:.85rem;font-weight:500}.ministry-sub{color:var(--primary-light);letter-spacing:.5px;margin-top:2px;font-size:.75rem;font-weight:700;display:block}.main-nav ul{gap:25px;list-style:none;display:flex}.main-nav a{color:var(--dark);transition:var(--transition);font-weight:500;text-decoration:none;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--primary)}.main-nav a:after{content:"";background:var(--secondary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.header-actions{gap:15px;display:flex}.btn-lang{border:1px solid var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border-radius:5px;padding:8px 15px;font-family:inherit}.btn-lang:hover{background:var(--primary);color:var(--white)}.hero-section{background:linear-gradient(135deg,#fff 0%,#e8f5e9 100%);padding:100px 0;position:relative;overflow:hidden}.hero-section:before{content:"";background:var(--secondary);opacity:.1;z-index:0;border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;right:-50px}.hero-content{align-items:center;gap:50px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.hero-text{z-index:1;flex:1}.badge{background:var(--secondary);color:var(--dark);border-radius:20px;margin-bottom:20px;padding:5px 15px;font-size:.9rem;font-weight:700;display:inline-block}.hero-text h2{font-family:var(--font-heading);color:var(--primary);margin-bottom:20px;font-size:3.5rem;line-height:1.2}.hero-text p{color:var(--gray);margin-bottom:30px;font-size:1.2rem}.hero-btns{gap:20px;display:flex}.btn{transition:var(--transition);border-radius:8px;padding:12px 30px;font-weight:700;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-light);transform:translateY(-3px);box-shadow:0 5px 15px #0062334d}.btn-secondary{background:var(--secondary);color:var(--dark)}.btn-secondary:hover{background:#e6c200;transform:translateY(-3px);box-shadow:0 5px 15px #ffd7004d}.hero-image{flex:1;position:relative}.hero-image img{width:100%;box-shadow:var(--shadow);border-radius:20px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.quick-stats{z-index:10;margin-top:-50px;position:relative}.quick-stats .container{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.stat-card{background:var(--white);text-align:center;box-shadow:var(--shadow);border-bottom:4px solid var(--secondary);border-radius:15px;padding:30px}.stat-icon{margin-bottom:10px;font-size:2.5rem}.stat-card h3{color:var(--primary);font-size:2rem}.categories-section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:var(--font-heading);color:var(--primary);font-size:2.5rem}.category-card{background:var(--white);transition:var(--transition);text-align:center;border:1px solid #eee;border-radius:20px;padding:40px}.category-card:hover{box-shadow:var(--shadow);border-color:var(--secondary);transform:translateY(-10px)}.card-icon{margin-bottom:20px;font-size:3rem}.category-card h3{color:var(--primary);margin-bottom:15px}.card-link{color:var(--primary);margin-top:20px;font-weight:700;text-decoration:none;display:inline-block}.tools-section{background:var(--primary);color:var(--white);padding:100px 0}.tools-content{align-items:center;gap:80px;display:flex}.tools-text{flex:1}.tools-text h2{font-family:var(--font-heading);margin-bottom:20px;font-size:2.5rem}.tools-tabs{flex-direction:column;gap:15px;margin-top:30px;display:flex}.tool-tab{color:var(--white);cursor:pointer;text-align:right;transition:var(--transition);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:space-between;align-items:center;padding:15px 25px;font-family:inherit;font-size:1.1rem;font-weight:500;display:flex}.tool-tab:after{content:"←";opacity:0;transition:var(--transition)}.tool-tab:hover{background:#fff3;transform:translate(-10px)}.tool-tab.active{background:var(--secondary);color:var(--dark);border-color:var(--secondary);font-weight:700}.tool-tab.active:after{opacity:1}.tool-container{animation:.5s fadeIn;display:none}.tool-container.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calculator-mockup{background:var(--white);color:var(--dark);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0003}.calc-header{border-bottom:2px solid var(--light);color:var(--primary);margin-bottom:20px;padding-bottom:10px;font-weight:700}.input-group label{margin-bottom:8px;font-weight:500;display:block}.input-group input,.input-group select{border:2px solid #eee;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:1.1rem}.input-group select{background:var(--white)}.calc-results{margin-top:25px}.res-item{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;display:flex}.res-item strong{color:var(--primary)}.news-section{padding:100px 0}.news-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.news-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0000000d}.news-img{background:#ddd;background-image:linear-gradient(45deg, var(--primary), var(--primary-light));height:200px}.news-body{padding:25px}.date{color:var(--gray);font-size:.8rem}.news-body h4{color:var(--primary);margin:10px 0}.newsletter{padding-bottom:100px}.newsletter-card{background:linear-gradient(135deg, var(--secondary) 0%, #ffc107 100%);text-align:center;border-radius:30px;padding:60px}.subscribe-form{justify-content:center;gap:15px;margin-top:30px;display:flex}.subscribe-form input{border:none;border-radius:10px;width:350px;padding:15px 25px;font-family:inherit}.main-footer{background:var(--dark);color:var(--white);padding:80px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1.5fr;gap:50px;margin-bottom:50px;display:grid}.footer-logo{filter:brightness(0)invert();height:60px;margin-bottom:20px}.footer-links ul{margin-top:20px;list-style:none}.footer-links a{color:#ccc;transition:var(--transition);margin-bottom:10px;text-decoration:none;display:block}.footer-links a:hover{color:var(--secondary);padding-right:5px}.footer-bottom{color:var(--gray);border-top:1px solid #333;padding-top:30px;font-size:.9rem}.footer-bottom-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.dev-credit{font-size:.85rem}.dev-credit a{color:var(--secondary);transition:var(--transition);font-weight:700;text-decoration:none}.dev-credit a:hover{color:var(--white);text-decoration:underline}@media (width<=992px){.hero-content{text-align:center;flex-direction:column}.categories-grid,.news-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.tools-content{flex-direction:column}}@media (width<=768px){.main-nav{display:none}.categories-grid,.news-grid,.footer-grid{grid-template-columns:1fr}.hero-text h2{font-size:2.5rem}.quick-stats .container{grid-template-columns:1fr}.subscribe-form{flex-direction:column}.subscribe-form input{width:100%}}.modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.modal-content{background:var(--white);border-top:8px solid var(--secondary);border-radius:30px;width:90%;max-width:850px;max-height:90vh;margin:5vh auto;padding:50px;animation:.5s cubic-bezier(.175,.885,.32,1.275) modalPop;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000080}@keyframes modalPop{0%{opacity:0;transform:scale(.8)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}.close-modal{background:var(--light);cursor:pointer;width:40px;height:40px;color:var(--dark);transition:var(--transition);border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:25px;left:25px}.close-modal:hover{background:var(--accent);color:var(--white);transform:rotate(90deg)}#modal-body h2{color:var(--primary);font-family:var(--font-heading);text-align:center;margin-bottom:25px;font-size:2.2rem}.card-icon{width:120px;height:120px;transition:var(--transition);color:#0000;background-image:url(/icons.png);background-size:400% 400%;border-radius:15px;margin:0 auto 20px}[data-topic=basics] .card-icon{background-position:0 0}[data-topic=budgeting] .card-icon{background-position:33.3% 0}[data-topic=savings_detailed] .card-icon{background-position:66.6% 0}[data-topic=debts] .card-icon{background-position:100% 0}[data-topic=investments] .card-icon{background-position:0 33.3%}[data-topic=planning] .card-icon{background-position:33.3% 33.3%}[data-topic=behavior] .card-icon{background-position:66.6% 33.3%}[data-topic=digital_tools] .card-icon{background-position:100% 33.3%}[data-topic=entrepreneurship] .card-icon{background-position:0 66.6%}[data-topic=legal] .card-icon{background-position:33.3% 66.6%}[data-topic=risks] .card-icon{background-position:66.6% 66.6%}.category-card:hover .card-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 10px 20px #0000001a}.topic-graphic{text-align:center;background-image:url(/icons.png);background-size:400% 400%;border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:5rem;display:flex;box-shadow:0 15px 35px #0000001a}.modal-inner-content{text-align:right}.modal-inner-content h3{color:var(--primary);border-right:5px solid var(--secondary);margin-top:30px;margin-bottom:15px;padding-right:15px;font-size:1.5rem}.modal-inner-content ul{margin-right:20px;list-style:none}.modal-inner-content li{transition:var(--transition);background:#fdfdfd;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:12px;padding:12px 20px}.modal-inner-content li:hover{border-color:var(--primary-light);background:#f8fffb;transform:translate(-5px)}.modal-inner-content strong{color:var(--primary-light)}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;display:grid}.category-card{border-top:5px solid var(--secondary)}.footer-logo-wrap{width:80px;height:80px;margin-bottom:20px}.footer-logo-wrap .logo{height:60px}.logo:hover{transform:scale(1.05)rotate(5deg)}.animate-in{animation:.8s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}