.hero-section{background-color:var(--primary);color:var(--background);height:800px;margin-top:90px}.hero-content .hero-subtitle{font-size:22px;font-weight:700;border:1px solid var(--background);width:-moz-fit-content;width:fit-content;padding:10px 30px;border-radius:40px;line-height:normal}.hero-content .hero-title{font-size:60px;font-weight:700;margin:18px 0;line-height:70px}.hero-content .hero-title span{color:var(--secondary)}.hero-content .hero-description{font-size:18px;margin:18px 0 0;font-weight:500;line-height:1.6;contain:layout style}.hero-content .hero-description,.hero-description-wrapper{min-height:120px;height:120px;overflow:hidden;box-sizing:border-box}.hero-description-wrapper{contain:strict}.border-button{margin-top:30px;flex-shrink:0;position:relative}.border-button button{color:var(--background);border:none;padding:15px 30px;border-radius:40px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.border-button button,.border-button button:hover{background-color:transparent;border:1px solid var(--background)}.border-button button img{margin-left:10px}.hero-image{display:flex;justify-content:center;align-items:center;bottom:-105px}.hero-image img{max-width:100%;height:100%}.csf-community-section{background:linear-gradient(135deg,var(--lightBackground) 0,rgba(248,250,252,.8) 100%);padding:80px 0;color:var(--foreground);margin-left:130px;margin-top:-60px;z-index:99;position:relative;border-radius:0 0 0 80px;overflow:hidden}.csf-community-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(7,107,182,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(234,179,8,.05) 0,transparent 50%);pointer-events:none}.csf-community-section .container{position:relative;z-index:1}.csf-community-section .page-title{text-align:center;margin-bottom:15px}.csf-community-section .page-title h2{font-size:48px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.csf-community-section .page-subtitle{text-align:center;font-size:20px;color:var(--lightTitle);margin-bottom:30px;font-weight:500}.border-line{height:3px;background:linear-gradient(90deg,transparent 0,var(--primary) 50%,transparent 100%);border:none;width:60%;margin:0 auto 40px;border-radius:2px}.about-community{font-size:18px;line-height:1.7;color:var(--lightTitle);justify-content:center}.about-community,.community-card{margin-bottom:30px;padding:40px 30px;background:rgba(255,255,255,.95);border-radius:24px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 40px rgba(0,0,0,.1);height:100%;min-height:320px;display:flex;align-items:center;text-align:center;flex-direction:column}.community-card{color:var(--foreground);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;justify-content:space-between;position:relative;overflow:hidden}.community-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.community-card:hover:before{left:100%}.community-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.15)}.community-image{margin-bottom:25px;padding:20px;border-radius:50%;background:rgba(255,255,255,.8);transition:all .3s ease}.community-card:hover .community-image{transform:scale(1.1) rotate(5deg)}.community-title{font-size:24px;font-weight:700;margin:15px 0 10px;line-height:1.3}.community-subtitle{font-size:16px;font-weight:600;color:var(--primary);margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.community-description{font-size:15px;line-height:1.6;color:var(--lightTitle);margin-bottom:20px;flex-grow:1}.community-stats{font-size:14px;font-weight:600;color:var(--secondary);margin-bottom:20px;padding:8px 16px;background:rgba(234,179,8,.1);border-radius:20px;border:1px solid rgba(234,179,8,.2)}.community-button{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent;background:linear-gradient(135deg,var(--primary),#0a7bc4);position:relative;overflow:hidden}.community-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a7bc4,var(--primary));opacity:0;transition:opacity .3s ease}.community-card:hover .community-button:before{opacity:1}.community-button img{position:relative;z-index:1;transition:transform .3s ease;filter:brightness(0) invert(1)}.community-card:hover .community-button img{transform:scale(1.2)}.color-1{background:linear-gradient(135deg,rgba(7,107,182,.1),rgba(7,107,182,.05))}.color-1,.color-2{border-left:4px solid var(--primary)}.color-2{background:linear-gradient(135deg,rgba(7,107,182,.15),rgba(7,107,182,.08))}.color-3{background:linear-gradient(135deg,rgba(51,51,51,.1),rgba(51,51,51,.05));border-left:4px solid var(--foreground)}.color-4{background:linear-gradient(135deg,rgba(234,179,8,.1),rgba(234,179,8,.05));border-left:4px solid var(--secondary)}.color-1:hover{background:linear-gradient(135deg,rgba(7,107,182,.2),rgba(7,107,182,.1))}.color-2:hover{background:linear-gradient(135deg,rgba(7,107,182,.25),rgba(7,107,182,.12))}.color-3:hover{background:linear-gradient(135deg,rgba(51,51,51,.15),rgba(51,51,51,.08))}.color-4:hover{background:linear-gradient(135deg,rgba(234,179,8,.15),rgba(234,179,8,.08))}.card-border{border:1px solid #cccccc;border-radius:20px;padding:40px 18px;margin-bottom:22px;height:100%}.announcement-title{font-size:26px;font-weight:700;line-height:normal;margin:14px 0}.announcement-date{color:var(--lightTitle)}.announcement-description{line-height:30px;color:var(--lightTitle)}.blog-content{padding:24px 32px}.blog-card{border:1px solid #cccccc;border-radius:20px}.blog-image img{border-radius:20px 20px 0 0;width:100%;height:100%}.blog-info img{width:16px;height:16px;margin-right:5px}.min-text{color:var(--lightTitle)}.blog-title{font-size:22px;font-weight:700;margin:10px 0 20px;line-height:30px}.blog-button{color:var(--foreground);text-decoration:none;font-size:14px;font-weight:700}.blog-button img{margin-left:10px}.choose-description{color:var(--lightTitle)}.choose-description ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.choose-description ul li{display:flex;gap:18px}.choose-description ul li .dot{width:30px}.why-choose-us-image img{border-radius:20px}.faq-title{font-size:20px;font-weight:700;margin-bottom:22px;text-align:center}.faq-section button{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:transparent;cursor:pointer;height:90px;border:none;box-shadow:none;border-radius:20px}.faq-item{margin-bottom:20px;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:none}.faq-content,.faq-item{transition:transform .3s ease}.faq-content{border-radius:20px}.faq-image{display:flex;align-items:center;justify-content:center}.announcement-image img,.bg-image{width:100%;height:100%}.bg-image{background-image:url(/_next/static/media/bg-blue.0cc61fe6.svg);background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:20px;padding:60px 30px;color:var(--background)}.border-card{border:1px solid #cccccc;border-radius:20px;display:flex;padding:20px;align-items:center;justify-content:space-around;margin-bottom:20px}.content h3{font-size:40px;font-weight:700;line-height:normal;margin:0}.content p{margin:0}.brand-logo{text-align:center}.brand-logo img{width:180px;height:100px}.btn-center{display:flex;align-items:center;justify-content:center;margin-top:40px}.why-choose-us-image img{width:100%;height:100%}.announcement-image{height:100%}.community-grid{gap:30px}.community-item{margin-bottom:30px;display:flex;align-items:stretch}@media (max-width:770px){.csf-community-section .community-grid .community-item{flex:0 0 100%;max-width:100%;margin-bottom:40px}.community-grid{gap:20px}}@media (min-width:771px) and (max-width:1400px){.csf-community-section .community-grid .community-item{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px);margin-bottom:40px}.community-grid{gap:30px}}@media (min-width:1401px){.csf-community-section .community-grid .community-item{flex:0 0 calc(25% - 22.5px);max-width:calc(25% - 22.5px);margin-bottom:0}.community-grid{gap:30px}}@media (max-width:575px){.hero-section{height:auto;margin-top:70px;padding-top:60px}.hero-content .hero-subtitle{font-size:16px;padding:8px 20px}.hero-content .hero-title{font-size:42px;font-weight:700;margin:18px 0;line-height:normal}.hero-content .hero-description{font-size:16px;min-height:130px;height:130px}.hero-description-wrapper{min-height:130px;height:130px}.hero-image{bottom:0}.csf-community-section{margin-left:20px;padding:40px 0;border-radius:0 0 0 60px}.border-line{margin-bottom:0}.about-community{font-size:15px;margin-top:40px}.community-card{margin-bottom:0;height:auto;border-radius:20px}.community-item{margin-bottom:30px}.community-image img{width:80px;height:80px}.community-button{width:50px;height:50px;border-radius:14px}.announcement-image{margin-bottom:22px}.announcement-date{font-size:14px}.announcement-title{font-size:20px}.announcement-description{font-size:14px;line-height:24px}.card-border{padding:32px 18px}.page-button .slide-btn{width:40px;height:40px}.swiper{padding:0 12px!important}.blog-content{padding:18px 24px}.min-text{font-size:14px}.blog-title{font-size:20px;line-height:26px}.faqs-section .page-title,.why-choose-us-content .page-title{margin-bottom:30px}.choose-description ul li .dot img{width:20px;height:20px}.choose-description ul li .text{font-size:15px}.why-choose-us-image img{width:100%;height:100%;margin-top:22px}.faq-section button{text-align:left;font-size:16px}.join-community-content{margin-bottom:22px}}@media (min-width:576px) and (max-width:767px){.hero-section{height:auto;margin-top:70px;padding-top:60px}.hero-content .hero-subtitle{font-size:16px;padding:8px 20px}.hero-content .hero-title{font-size:46px;font-weight:700;margin:18px 0;line-height:normal}.hero-content .hero-description{font-size:16px;min-height:130px;height:130px}.hero-description-wrapper{min-height:130px;height:130px}.hero-image{bottom:0}.csf-community-section{margin-left:20px;padding:40px 0;border-radius:0 0 0 60px}.border-line{margin-bottom:0}.about-community{font-size:15px;margin-top:40px}.community-card{margin-bottom:0;height:auto;border-radius:20px}.community-item{margin-bottom:30px}.community-image img{width:80px;height:80px}.community-button{width:50px;height:50px;border-radius:14px}.announcement-image{margin-bottom:22px}.announcement-date{font-size:15px}.announcement-title{font-size:22px}.announcement-description{font-size:15px;line-height:24px}.page-button .slide-btn{width:45px;height:45px}.blog-title{font-size:20px;line-height:26px}.faqs-section .page-title,.why-choose-us-content .page-title{margin-bottom:30px}.choose-description ul li .dot img{width:20px;height:20px}.choose-description ul li .text{font-size:15px}.why-choose-us-image img{width:100%;height:100%;margin-top:22px}.faq-section button{text-align:left;font-size:16px}.join-community-content{margin-bottom:22px}}@media (min-width:768px) and (max-width:991px){.hero-section{height:auto;margin-top:70px;padding-top:60px}.hero-content .hero-subtitle{font-size:16px;padding:8px 20px}.hero-content .hero-title{font-size:50px;font-weight:700;margin:18px 0;line-height:normal}.hero-content .hero-description{font-size:16px;min-height:110px;height:110px}.hero-description-wrapper{min-height:110px;height:110px}.hero-image{bottom:0}.csf-community-section{margin-left:20px;padding:40px 0;border-radius:0 0 0 60px}.about-community{font-size:15px}.community-card{margin-bottom:0;height:auto;border-radius:20px}.community-item{margin-bottom:30px}.community-image img{width:80px;height:80px}.community-button{width:60px;height:60px;border-radius:18px}.announcement-date{font-size:15px}.announcement-title{font-size:22px}.announcement-description{font-size:15px;line-height:24px}.page-button .slide-btn{width:45px;height:45px}.blog-title{font-size:20px;line-height:26px}.faqs-section .page-title,.why-choose-us-content .page-title{margin-bottom:30px}.choose-description ul li .dot img{width:20px;height:20px}.choose-description ul li .text{font-size:15px}.why-choose-us-image img{width:100%;height:100%;margin-top:22px}.faq-section button{text-align:left;font-size:16px}.join-community-content{margin-bottom:22px}}@media (min-width:992px) and (max-width:1199px){.hero-content .hero-subtitle{font-size:18px;padding:8px 20px}.hero-content .hero-title{font-size:54px;font-weight:700;margin:18px 0;line-height:normal}.hero-content .hero-description{font-size:16px;min-height:100px;height:100px}.hero-description-wrapper{min-height:100px;height:100px}.csf-community-section{margin-left:20px;padding:40px 0;border-radius:0 0 0 60px}}@media (min-width:1200px) and (max-width:1399px){.card-border{height:auto;margin-bottom:0;padding:30px 18px}.announcement-image{height:auto}.announcement-description{line-height:26px;font-size:15px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}.animate-slide-in-left{animation:slideInLeft .8s ease-out forwards;opacity:0}.animate-slide-in-right{animation:slideInRight .8s ease-out forwards;opacity:0}.animate-slide-up{animation:slideUp .6s ease-out forwards;opacity:0}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.announcement-card{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border:1px solid rgba(7,107,182,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.announcement-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(7,107,182,.1),transparent);transition:left .6s}.announcement-card:hover:before{left:100%}.announcement-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(7,107,182,.15);border-color:rgba(7,107,182,.2)}.announcement-icon{position:absolute;top:20px;right:20px;width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#0a7bc4);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.announcement-card:hover .announcement-icon{transform:scale(1.1) rotate(10deg);box-shadow:0 5px 15px rgba(7,107,182,.3)}.announcement-icon img{filter:brightness(0) invert(1);width:20px;height:20px}.announcement-title{transition:color .3s ease;padding-right:60px}.announcement-card:hover .announcement-title{color:var(--primary)}.announcement-date{font-weight:600;color:var(--secondary);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.faq-view-all-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);text-decoration:none;font-weight:600;font-size:16px;padding:12px 24px;border:2px solid var(--primary);border-radius:30px;transition:all .3s ease;background:transparent}.faq-view-all-link:hover{background:var(--primary);color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(7,107,182,.3)}.faq-view-all-link img{transition:transform .3s ease;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(200deg) brightness(104%) contrast(97%)}.faq-view-all-link:hover img{transform:translateX(4px);filter:brightness(0) invert(1)}.faq-link-container{text-align:center;margin-bottom:40px}.faq-toggle{border-radius:20px!important;transition:all .3s ease;position:relative;overflow:hidden}.faq-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(7,107,182,.05),transparent);transition:left .5s}.faq-toggle:hover:before{left:100%}.faq-toggle:hover{background:rgba(7,107,182,.05)!important;transform:translateX(5px)}.faq-arrow{transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.faq-arrow.rotate{transform:rotate(180deg)}.faq-content{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0}.faq-content.open{max-height:200px;opacity:1}.faq-content.closed{max-height:0;opacity:0}.video-container{position:relative;width:100%;max-width:600px;margin:0 auto}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.15);transition:all .3s ease}.video-wrapper:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(0,0,0,.2)}.responsive-video,.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;transition:all .3s ease}.video-overlay{background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.video-wrapper:hover .video-overlay{opacity:1}.play-button{width:80px;height:80px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;backdrop-filter:blur(10px)}.play-button:hover{transform:scale(1.1);background:rgba(255,255,255,1)}.play-button img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(200deg) brightness(104%) contrast(97%)}.btn-header{transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.btn-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-header:hover:before{left:100%}.btn-header:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.slide-btn{transition:all .3s ease;position:relative;overflow:hidden}.slide-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.slide-btn:hover:before{left:100%}.slide-btn:hover{transform:scale(1.1)}@media (max-width:768px){.video-wrapper{border-radius:15px;padding-bottom:60%}.play-button{width:60px;height:60px}.play-button img{width:40px;height:40px}}@media (max-width:576px){.video-wrapper{border-radius:12px;padding-bottom:65%}.play-button{width:50px;height:50px}.play-button img{width:30px;height:30px}.faq-view-all-link{font-size:14px;padding:10px 20px}.border-button{margin-top:24px}}.animate-on-scroll{transform:translateY(30px)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.shimmer-effect{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}.brand-logo{transition:all .3s ease;padding:20px;border-radius:15px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.brand-logo:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px rgba(0,0,0,.1);background:rgba(255,255,255,.95)}.brand-logo img{transition:all .3s ease;filter:grayscale(100%) opacity(.7)}.brand-logo:hover img{filter:grayscale(0) opacity(1);transform:scale(1.1)}@media (max-width:991px){.community-title{font-size:28px!important;font-weight:700;line-height:1.2}.community-subtitle{font-size:18px!important;font-weight:600}.community-description{font-size:17px!important;line-height:1.7}}@media (max-width:575px){.community-title{font-size:26px!important}.community-description,.community-subtitle{font-size:16px!important}}.blog-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(7,107,182,.1),transparent);transition:left .6s;z-index:1}.blog-card:hover:before{left:100%}.blog-image:after{content:"📰";font-size:48px;opacity:.3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-image img{transition:transform .4s ease;position:relative;z-index:2}.blog-card:hover .blog-image img{transform:scale(1.1)}.swiper-slide{transition:all .3s ease}.swiper-slide-active{transform:scale(1.05);z-index:2}.swiper-slide-next,.swiper-slide-prev{transform:scale(.95);opacity:.7}.video-section-margin{margin:40px 0}@media (max-width:991px){.video-section-margin{margin:60px 0}}@media (max-width:575px){.video-section-margin{margin:40px 0}}.btn-large{padding:18px 40px!important;font-size:18px!important;font-weight:700!important;border-radius:50px!important;min-width:220px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-large:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px rgba(7,107,182,.3)}@media (max-width:575px){.btn-large{padding:16px 32px!important;font-size:16px!important;min-width:200px}}.faq-content{transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transform-origin:top}.faq-content.open{animation:bounceOpen .6s cubic-bezier(.68,-.55,.265,1.55)}.faq-content.closed{animation:bounceClose .4s cubic-bezier(.25,.46,.45,.94)}@keyframes bounceOpen{0%{max-height:0;opacity:0;transform:scaleY(0)}60%{max-height:220px;opacity:.8;transform:scaleY(1.1)}to{max-height:200px;opacity:1;transform:scaleY(1)}}@keyframes bounceClose{0%{max-height:200px;opacity:1;transform:scaleY(1)}40%{max-height:100px;opacity:.5;transform:scaleY(.9)}to{max-height:0;opacity:0;transform:scaleY(0)}}.faq-item{transition:all .3s ease}.faq-item:hover{transform:translateX(8px);box-shadow:0 8px 25px rgba(7,107,182,.15)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.animate-on-scroll{opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.animate-on-scroll.slide-up{animation:slideInFromBottom .8s ease-out forwards}.animate-on-scroll.slide-left{animation:slideInFromLeft .8s ease-out forwards}.animate-on-scroll.slide-right{animation:slideInFromRight .8s ease-out forwards}.announcement-card,.blog-card,.community-card,.faq-item{will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.latest-news-section .swiper{padding:30px 20px!important;margin:-30px -20px}.swiper-slide{margin:20px 0}.blog-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15);z-index:10}.blog-image{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden;height:200px;display:flex;align-items:center;justify-content:center}.blog-image img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:20px 20px 0 0!important;display:block!important}.about-community{font-size:20px!important;line-height:1.8!important;font-weight:500}@media (max-width:991px){.about-community{font-size:18px!important;line-height:1.7!important}}@media (max-width:575px){.about-community{font-size:17px!important;line-height:1.6!important}}.latest-news-section .row{margin:0 -15px}@media (max-width:768px){.latest-news-section .swiper{padding:20px 15px!important;margin:-20px -15px}}@media (max-width:575px){.latest-news-section .swiper{padding:15px 10px!important;margin:-15px -10px}}.blog-card{transition:none}.blog-card:before{display:none}.blog-card:hover{transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.swiper-slide{transition:none}.swiper-slide-active{transform:none;z-index:1}.swiper-slide-next,.swiper-slide-prev{transform:none;opacity:1}.btn-hero-large{padding:20px 45px!important;font-size:18px!important;font-weight:700!important;border-radius:50px!important;min-width:200px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.btn-hero-large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn-hero-large:hover:before{left:100%}.btn-hero-large:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 20px 40px rgba(255,255,255,.3)}@media (max-width:575px){.btn-hero-large{padding:18px 35px!important;font-size:16px!important;min-width:180px}}.join-community-content .btn-large:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 20px 40px rgba(255,255,255,.4);background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.95)}.featured-section .section-subtitle{font-size:18px;color:var(--lightTitle);margin-top:10px;text-align:center}.featured-card{background:rgba(255,255,255,.95);border-radius:20px;padding:30px;height:100%;border:1px solid rgba(7,107,182,.1);transition:all .3s ease;position:relative;overflow:hidden}.featured-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(7,107,182,.05),transparent);transition:left .6s}.featured-card:hover:before{left:100%}.featured-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(7,107,182,.15);border-color:rgba(7,107,182,.2)}.featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.focus-badge,.tech-badge{background:linear-gradient(135deg,var(--primary),#0a7bc4);color:white;text-transform:uppercase;letter-spacing:.5px}.focus-badge,.status-badge,.tech-badge,.year-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge,.year-badge{background:rgba(234,179,8,.1);color:var(--secondary);border:1px solid rgba(234,179,8,.2)}.featured-title{font-size:22px;font-weight:700;margin-bottom:15px;color:var(--foreground);line-height:1.3}.featured-description{font-size:15px;line-height:1.6;color:var(--lightTitle);margin-bottom:20px;flex-grow:1}.featured-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.contributors,.partners{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--lightTitle);font-weight:500}.contributors img,.partners img{opacity:.7}@media (max-width:768px){.featured-card{padding:25px;margin-bottom:20px}.featured-title{font-size:20px}.featured-description{font-size:14px}}.hero-content .hero-subtitle{min-height:44px;display:flex;align-items:center;justify-content:center}.hero-fade-in{opacity:1;transform:translateY(0) scale(1);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);animation:heroSlideIn .6s cubic-bezier(.4,0,.2,1) forwards}.hero-fade-out{opacity:0;transform:translateY(-10px) scale(.98);transition:opacity .4s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1)}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-description,.hero-title{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.hero-description{min-height:120px;height:120px;display:block;overflow:hidden;line-height:1.6}.btn-hero-large{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.hero-content{contain:layout}.hero-content:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:20px}.hero-content:hover:before{opacity:1}.blog-image{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;position:relative!important;overflow:hidden!important;height:200px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:20px 20px 0 0!important}.blog-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:20px 20px 0 0;transition:all .3s ease}.blog-card:hover .blog-image-placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:scale(1.02)}.blog-icon{font-size:48px;margin-bottom:8px;opacity:.6;transition:all .3s ease}.blog-card:hover .blog-icon{opacity:.8;transform:scale(1.1)}.blog-placeholder-text{font-size:14px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.7;transition:all .3s ease}.blog-card:hover .blog-placeholder-text{opacity:.9;color:#475569}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.03) 0,transparent 50%);animation:heroBackground 8s ease-in-out infinite;pointer-events:none}@keyframes heroBackground{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column}.hero-subtitle{position:relative;overflow:hidden}.hero-subtitle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:subtitleShimmer 3s ease-in-out infinite}@keyframes subtitleShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.hero-title{background:linear-gradient(135deg,#ffffff,#f8fafc 50%,#ffffff);-webkit-background-clip:text;background-clip:text;position:relative}.hero-title,.hero-title span{-webkit-text-fill-color:transparent}.hero-title span{background:linear-gradient(135deg,var(--secondary) 0,#fbbf24 50%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:brightness(1);text-shadow:0 0 10px rgba(234,179,8,.3)}to{filter:brightness(1.2);text-shadow:0 0 20px rgba(234,179,8,.5)}}.hero-image{position:relative}.hero-image:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border-radius:50%;animation:imageGlow 4s ease-in-out infinite;pointer-events:none}@keyframes imageGlow{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}}.hero-image img{animation:imageFloat 6s ease-in-out infinite}@keyframes imageFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.btn-hero-large{position:relative;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1) 50%,transparent);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)}.btn-hero-large:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%,rgba(255,255,255,.1));border-radius:inherit;opacity:0;transition:opacity .3s ease}.btn-hero-large:hover:after{opacity:1}@media (max-width:991px){.hero-section:before{animation-duration:6s}.hero-image:before{animation-duration:3s}.hero-content .hero-subtitle{min-height:40px}.hero-description,.hero-description-wrapper{min-height:100px;height:100px}}@media (max-width:575px){.hero-title span{animation-duration:1.5s}.hero-image img{animation-duration:4s}.hero-content .hero-subtitle{min-height:38px}.hero-description,.hero-description-wrapper{min-height:110px;height:110px}}.btn-hero-large,.hero-description,.hero-fade-in,.hero-fade-out,.hero-title{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion:reduce){.hero-image img,.hero-image:before,.hero-section:before,.hero-subtitle:before,.hero-title span{animation:none!important}.hero-fade-in,.hero-fade-out{transition:opacity .3s ease!important;transform:none!important}}.blog-full-image{width:100%!important;height:200px!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:20px 20px 0 0!important}.typewriter{font-family:Roboto,monospace;display:inline;white-space:pre-wrap;word-wrap:break-word}.cursor{color:var(--secondary);font-weight:700}.hero-image-static,.hero-image-static img,.hero-subtitle-fixed{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;will-change:auto!important}@media (max-width:991px){.hero-image-static{position:relative!important;bottom:0!important}}.hero-crossfade{transition:opacity 1s cubic-bezier(.4,0,.2,1);will-change:opacity}.hero-crossfade-in{opacity:1}.hero-crossfade-out{opacity:0}.hero-crossfade.btn-hero-large,.hero-crossfade.hero-description,.hero-crossfade.hero-title{transform:none!important;animation:none!important}.btn-hero-large.hero-crossfade,.hero-description.hero-crossfade,.hero-title.hero-crossfade{backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-moz-document url-prefix(){.btn-hero-large,.hero-description.typewriter,.hero-title{transform:translateZ(0);will-change:opacity;backface-visibility:hidden}.hero-description{text-rendering:optimizeSpeed}.typewriter{contain:layout style paint}}.hero-description.typewriter{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always}.cursor{display:inline;animation:blink 1s step-end infinite;will-change:opacity;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}