.why-syslearn{background:#fff;padding:6rem 0;position:relative}.why-syslearn:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:2px;position:absolute;top:0;left:0;right:0}.why-syslearn__content{max-width:1100px;margin:0 auto}.why-syslearn__badge{background:var(--color-accent);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;text-align:center;border-radius:50px;width:fit-content;margin-bottom:1.2rem;margin-left:auto;margin-right:auto;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;display:inline-block}.why-syslearn__title{color:#11252f;text-align:center;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:2.8rem;font-weight:700;line-height:1.2}.why-syslearn__title:after{content:"";background:var(--color-primary);border-radius:2px;width:70px;height:3px;margin:1.2rem auto 0;display:block}.why-syslearn__intro{max-width:900px;margin:0 auto 4rem}.why-syslearn__intro p{color:#4a5568;text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.9}.why-syslearn__intro strong{color:#11252f;font-weight:600}.why-syslearn__intro-sub{color:var(--color-primary);text-align:center;margin-top:1rem;font-size:1.1rem;font-weight:600}.why-syslearn__grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.why-syslearn__card{background:#e9f6ed;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.why-syslearn__card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 20px 40px #0000000a}.why-syslearn__card--full{grid-column:1/-1}.why-syslearn__card-icon{margin-bottom:1rem;font-size:2.5rem}.why-syslearn__card h3{color:#11252f;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.why-syslearn__card p{color:#4a5568;text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;margin:0;font-size:1rem;line-height:1.8}.why-syslearn__card p strong{color:#11252f;font-weight:600}@media (max-width:1024px){.why-syslearn__grid{grid-template-columns:1fr;gap:1.5rem}.why-syslearn__card--full{grid-column:1}}@media (max-width:768px){.why-syslearn{padding:4rem 0}.why-syslearn__title{font-size:2rem}.why-syslearn__badge{padding:.3rem 1rem;font-size:.7rem}.why-syslearn__intro p{text-align:left;font-size:1rem}.why-syslearn__intro-sub{font-size:1rem}.why-syslearn__card{padding:2rem 1.5rem}.why-syslearn__card p{text-align:left;font-size:.95rem}.why-syslearn__card h3{font-size:1.1rem}}@media (max-width:480px){.why-syslearn{padding:3rem 0}.why-syslearn__title{font-size:1.6rem}.why-syslearn__title:after{width:50px}.why-syslearn__intro p{font-size:.95rem}.why-syslearn__card{padding:1.5rem 1.2rem}.why-syslearn__card p{font-size:.9rem}.why-syslearn__card-icon{font-size:2rem}}