@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap";:root{--primary:#374a53;--primary-light:#4a636f;--primary-dark:#243238;--secondary:#f4f1ea;--secondary-dark:#e0dcd3;--accent-white:#fff;--accent-grey:#f5f7f8;--text-main:#243238;--text-light:#6b7b85;--border-color:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--accent-white);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.islamic-bg{background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.83-1.66 1.66-.83-.83L51.306 0h3.32zm-12.04 0l.83.83-1.66 1.66-.83-.83L40.926 0h1.661zm-10.38 0l.83.83-1.66 1.66-.83-.83L30.546 0h1.661zm-10.38 0l.83.83-1.66 1.66-.83-.83L20.166 0h1.661zM9.787 0l.83.83-1.66 1.66-.83-.83L8.126 0h1.661zM0 0h1.66l-.83.83L0 0zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 10.38zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 20.76zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 31.14zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 41.52zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 51.9zm0 8.1l.83-.83 1.66 1.66-.83.83H0v-1.66zm60-49.62l-1.66 1.66-.83-.83 1.66-1.66L60 8.86v1.66zm0 10.38l-1.66 1.66-.83-.83 1.66-1.66L60 19.24v1.66zm0 10.38l-1.66 1.66-.83-.83 1.66-1.66L60 29.62v1.66zm0 10.38l-1.66 1.66-.83-.83 1.66-1.66L60 40v1.66zm0 10.38l-1.66 1.66-.83-.83 1.66-1.66L60 50.38v1.66zM8.127 60l.83-.83 1.66 1.66-.83.83H8.127v-1.66zm10.38 0l.83-.83 1.66 1.66-.83.83h-1.661v-1.66zm10.38 0l.83-.83 1.66 1.66-.83.83h-1.661v-1.66zm10.38 0l.83-.83 1.66 1.66-.83.83h-1.661v-1.66zm10.38 0l.83-.83 1.66 1.66-.83.83h-1.661v-1.66z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.islamic-bg-light{background-color:var(--secondary);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.83-1.66 1.66-.83-.83L51.306 0h3.32zm-12.04 0l.83.83-1.66 1.66-.83-.83L40.926 0h1.661zm-10.38 0l.83.83-1.66 1.66-.83-.83L30.546 0h1.661zm-10.38 0l.83.83-1.66 1.66-.83-.83L20.166 0h1.661zM9.787 0l.83.83-1.66 1.66-.83-.83L8.126 0h1.661zM0 0h1.66l-.83.83L0 0zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 10.38zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 20.76zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 31.14zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 41.52zm0 10.38l1.66-1.66.83.83-1.66 1.66L0 51.9zm0 8.1l.83-.83 1.66 1.66-.83.83H0v-1.66zm60-49.62l-1.66 1.66-.83-.83 1.66-1.66L60 8.86v1.66zm0 10.38l-1.66 1.66-.83-.83 1.66-1.66L60 19.24v1.66zm0 10.38l-1.66 1.66-.83-.83 1.66-1.66L60 29.62v1.66zm0 10.38l-1.66 1.66-.83-.83 1.66-1.66L60 40v1.66zm0 10.38l-1.66 1.66-.83-.83 1.66-1.66L60 50.38v1.66zM8.127 60l.83-.83 1.66 1.66-.83.83H8.127v-1.66zm10.38 0l.83-.83 1.66 1.66-.83.83h-1.661v-1.66zm10.38 0l.83-.83 1.66 1.66-.83.83h-1.661v-1.66zm10.38 0l.83-.83 1.66 1.66-.83.83h-1.661v-1.66zm10.38 0l.83-.83 1.66 1.66-.83.83h-1.661v-1.66z' fill='%23374A53' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--secondary);color:var(--primary-dark);box-shadow:0 4px 14px #fcecdc66}.btn-primary:hover{background-color:var(--secondary-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--primary);color:var(--accent-white)}.btn-secondary:hover{background-color:var(--primary-light);transform:translateY(-2px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:var(--accent-white)}.card{background-color:var(--accent-white);border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0000000d}.card:hover{border-color:var(--secondary);transform:translateY(-5px);box-shadow:0 20px 40px #374a531a}.form-group{margin-bottom:24px}.form-label{color:var(--primary);margin-bottom:8px;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);background-color:var(--accent-grey);border-radius:8px;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-input:focus{border-color:var(--primary);background-color:var(--accent-white);outline:none;box-shadow:0 0 0 3px #374a531a}textarea.form-input{resize:vertical;min-height:120px}.section{padding:80px 0}.section-title{color:var(--primary);text-align:center;margin-bottom:16px;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-light);text-align:center;max-width:600px;margin:0 auto 48px;font-size:1.125rem}@media (width<=768px){.section{padding:60px 0}.section-title{font-size:2rem}}.courses-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.courses-grid{grid-template-columns:repeat(3,1fr)}}