.App{flex-direction:column;min-height:100vh;display:flex}main{flex:1}:root{--primary-color:#252c32;--secondary-color:#3b56cd;--accent-color:#00c853;--bg-light:#fff;--bg-gray:#f5f7f9;--bg-lavender:#e8eaf6;--text-muted:#6c7278;--border-color:#e2e4e6;--font-family:"Oxygen",sans-serif;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 10px 40px #0000001f;--container-width:1280px;--section-padding:80px 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-light);color:var(--primary-color);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-family);border:none;outline:none}.container{max-width:var(--container-width);width:100%;margin:0 auto;padding:0 20px;overflow-x:hidden}.header-s{letter-spacing:-1.3px;font-size:32px;font-weight:700;line-height:1.2}.body-m{color:var(--primary-color);font-size:16px;font-weight:400;line-height:22px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out forwards fadeIn}
.featured-section{background:#fff;width:100%;height:auto;min-height:786px;margin-top:-50px;padding:70px 0;position:relative;overflow:hidden}.hero-bg-ellipse{filter:blur(250px);z-index:0;pointer-events:none;background:#e2e8ff;border-radius:50%;width:624px;height:803px;position:absolute;top:-200px;right:-200px}.featured-section-inner{z-index:1;flex-direction:column;gap:40px;max-width:1280px;margin:0 auto;padding:0 20px;display:flex;position:relative}.section-title{letter-spacing:-1.3px;color:#000;width:100%;max-width:1280px;margin-bottom:0;font-family:Oxygen,sans-serif;font-size:40px;font-weight:700}.carousel-container{width:100%;position:relative;overflow:visible}.carousel-track{gap:40px;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.carousel-slide{opacity:.4;height:auto;transition:all .6s;transform:scale(.95)}.carousel-slide.active{opacity:1;transform:scale(1)}.featured-card{cursor:pointer;background:#fff;border-radius:20px;width:100%;height:450px;display:flex;overflow:hidden;box-shadow:0 4px 30px #0000000d}.featured-image-container{flex:0 0 450px;width:450px;height:450px}.featured-image{object-fit:cover;width:100%;height:100%}.featured-content{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:24px;padding:36px;display:flex}.featured-date{color:#252c32;margin-bottom:0;font-family:Oxygen,sans-serif;font-size:16px;font-weight:400;line-height:20px}.featured-card-title{color:#252c32;font-family:Oxygen,sans-serif;font-size:40px;font-weight:700;line-height:48px}.featured-excerpt{color:#252c32;font-family:Oxygen,sans-serif;font-size:20px;font-weight:400;line-height:28px}.carousel-navigation-row{justify-content:space-between;align-items:center;gap:24px;width:100%;height:48px;display:flex}.carousel-dots{align-items:center;gap:12px;display:flex}.dot{cursor:pointer;background:#dcdee5;border-radius:18px;width:8px;height:8px}.dot-bar{cursor:pointer;background:#253d98;border-radius:18px;width:100px;height:8px}.carousel-arrows{gap:16px;display:flex}.arrow-btn{color:#252c32;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:88px;justify-content:center;align-items:center;width:64px;height:48px;display:flex}.arrow-btn.active{color:#fff;background:#253d98;border-color:#253d98}@media (max-width:1100px){.featured-section{margin-top:-20px;padding:40px 0}.section-title{text-align:center;font-size:34px;line-height:40px}.featured-card{flex-direction:column;height:auto}.featured-image-container{width:100%;height:500px}.featured-content{gap:16px;padding:24px}.featured-card-title{font-size:28px;line-height:36px}.featured-excerpt{font-size:18px;line-height:26px}.dot-bar{width:60px}}@media (max-width:600px){.carousel-navigation-row{flex-direction:column;gap:20px;height:auto}.arrow-btn{width:50px;height:40px}}@media (max-width:480px){.section-title{font-size:28px;line-height:36px}}
.search-filter-container{border-top:1px solid #253e98;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:70px 20px;display:flex}.search-bar{background:#fff;border:1px solid #252c32;border-radius:30px;justify-content:space-between;align-items:center;width:500px;height:56px;padding-left:30px;display:flex;overflow:hidden}.search-input{color:#252c32;border:none;outline:none;flex:1;font-family:Oxygen,sans-serif;font-size:16px}.search-icon-area{background:#9db2ff;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.filter-button{cursor:pointer;background:#fff;border:1px solid #6b7280;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:120px;height:52px;padding:12px 20px;transition:all .3s;display:flex}.filter-button:hover{background:#f8f9fa}.filter-text{color:#252c32;font-family:Oxygen,sans-serif;font-size:16px;font-weight:400}.filter-icon{align-items:center;display:flex}@media (max-width:768px){.search-bar{width:100%}}@media (max-width:480px){.search-filter-container{flex-direction:column;align-items:flex-end}}
.blog-grid-section{max-width:1440px;margin:0 auto;padding:40px 0}.blog-grid{grid-template-columns:repeat(auto-fill,400px);justify-content:center;gap:40px;display:grid}.blog-card{background:#fff;border:1px solid #d6d9e1;border-radius:20px;flex-direction:column;width:400px;height:492px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.blog-card-image{border-radius:20px;width:400px;height:224px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%}.blog-card-content{flex-direction:column;width:400px;height:268px;padding:24px 30px;display:flex}.blog-card-meta{gap:20px;margin-bottom:16px;display:flex}.meta-item{color:#6b7280;align-items:center;gap:6px;font-family:Oxygen,sans-serif;font-size:14px;font-weight:400;display:flex}.blog-card-categories{gap:20px;width:200px;height:36px;margin-bottom:24px;display:flex}.category-pill{color:#45535e;background:#e2e8ff;border-radius:40px;justify-content:center;align-items:center;padding:6px 12px;font-family:Oxygen,sans-serif;font-size:16px;font-weight:400;line-height:24px;display:flex}.blog-card-title{letter-spacing:-.8px;color:#252c32;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;width:340px;height:108px;margin-top:0;font-family:Oxygen,sans-serif;font-size:24px;font-weight:400;line-height:1.1;display:-webkit-box;overflow:hidden}@media (max-width:1280px){.blog-grid-section{width:100%;height:auto;padding:40px 20px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.blog-card{width:100%;height:auto}.blog-card-image,.blog-card-content,.blog-card-title{width:100%}}@media (max-width:480px){.blog-card-title{font-size:20px;line-height:28px}.meta-item{font-size:12px;line-height:16px}.category-pill{font-size:14px;line-height:20px}}
.pagination-section{justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:40px 20px;display:flex}.pagination-wrapper{background:#fff;justify-content:center;align-items:center;gap:24px;width:100%;max-width:454px;height:56px;padding:12px;display:flex}.pagination-numbers{justify-content:center;align-items:center;gap:12px;display:flex}.page-num{cursor:pointer;color:#45535e;background:#fff;border:1px solid #d6d9e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Oxygen,sans-serif;font-size:14px;font-weight:700;transition:all .3s;display:flex}.page-num.active{color:#fff;background:#253d98;border:none}.page-arrow{cursor:pointer;border-radius:88px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:32px;transition:all .3s;display:flex}.page-arrow.prev{color:#09c076;background:#fff;border:1px solid #09c076}.page-arrow.next{color:#fff;background:#09c076;border:none}@media (max-width:480px){.pagination-wrapper{gap:10px;padding:8px}.pagination-numbers{gap:6px}.page-num{width:28px;height:28px;font-size:12px}.page-arrow{width:38px}}