:root{--primary: #2E7D32;--secondary: #F5F1E8;--accent: #F9A825;--text-main: #333333;--text-muted: #777777;--bg-main: #FFFFFF;--bg-soft: #FAFAFA}body{margin:0;font-family:Cairo,sans-serif;background-color:var(--bg-soft);color:var(--text-main)}header{background:var(--bg-main);padding:16px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px #0000000d}.logo{font-family:Tajawal,sans-serif;font-size:22px;font-weight:700}.logo span{color:var(--primary)}nav a{margin:0 12px;text-decoration:none;color:var(--text-main);font-weight:600}nav a:hover{color:var(--primary)}.hero{padding:80px 40px;text-align:center;background:linear-gradient(180deg,#e9f7f5,#fff)}.hero h1{font-family:Tajawal,sans-serif;font-size:36px;margin-bottom:12px}.hero p{font-size:18px;margin-bottom:24px}.btn-primary{background:var(--primary);color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;display:inline-block}.btn-primary:hover{background:#279c8f}.sections{padding:60px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.card{background:var(--bg-main);padding:24px;border-radius:18px;box-shadow:0 4px 10px #0000000d}.card h3{font-family:Tajawal,sans-serif;margin-bottom:10px}footer{background:var(--bg-main);text-align:center;padding:20px;font-size:14px;margin-top:40px}.calculator{max-width:400px;margin:40px auto;padding:20px;background:var(--bg-main);border-radius:12px;box-shadow:0 2px 8px #0000000d}.calculator input{width:100%;padding:10px;margin:8px 0;border-radius:6px;border:1px solid #ccc}.calculator button{width:100%;margin-top:10px}#result{margin-top:12px;font-weight:600}