:root{--course-image-height:260px}.cardNavBar{-webkit-backdrop-filter:blur(10px);background-color:#f9f9f969;border-bottom:1px solid #ff2e2e33;transition:background-color .3s;position:fixed}.cardNavBar:hover{background-color:#fff}.cardNavBar:after{content:"";background:#ff2e2e;width:0%;height:2px;transition:width .5s;position:absolute;bottom:-1px;left:0}.hero-info-card{transform-origin:0;will-change:transform}.hero-info-card.opening{animation:.3s cubic-bezier(.22,1,.36,1) forwards heroCardOpening}.hero-info-card.closing{animation:.1s cubic-bezier(.65,0,.35,1) forwards heroCardClosing}@keyframes heroCardOpening{0%{transform-origin:0;transform:translateY(-50%)scaleX(0)}to{transform-origin:0;transform:translateY(-50%)scaleX(1)}}@keyframes heroCardClosing{0%{transform-origin:0;transform:translateY(-50%)scaleX(1)}to{transform-origin:0;transform:translateY(-50%)scaleX(0)}}.cardNavBar:hover:after{background-color:#ff2e2e;width:100%}@keyframes slideBorder{0%{left:-100px}to{left:100%}}.navMenu{align-items:center;gap:0;display:flex}.navMenuButton{color:red;cursor:pointer;border-top:1px solid #ff2e2e4d;border-left:1px solid #ff2e2e4d;border-right:1px solid #ff2e2e4d;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:16px;font-weight:500;transition:all .25s;display:inline-flex;box-shadow:0 4px 6px -2px #ff2e2e73}.navMenuButton:hover{color:#eee3e3;background-color:#ff2424;transform:translateY(-2px);box-shadow:0 6px 16px #ff2e2e73}.navMenuButton:active{transform:scale(.96)}.quote-container{background:linear-gradient(#ffe205 0%,#fff3c4 35%,#fff 100%);justify-content:center;align-items:center;height:100vh;margin-top:-70px;display:flex}.quote-wrapper{text-align:center;max-width:910px;font-size:30px;font-style:italic;line-height:1.6;overflow:visible}.quote-mark{color:#86acbe;opacity:0;font-size:40px;font-weight:700;transition:all .4s;display:inline-block;transform:scale(.8)}.quote-mark.start{margin-right:3px}.quote-mark.end{margin-left:3px}.quote-wrapper.active .quote-mark{opacity:1;transform:scale(1)}.letter{color:#111;opacity:0;transform:translate(var(--x), var(--y)) scale(100);will-change:transform, opacity;font-weight:500;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s;display:inline-block}.quote-wrapper.active .letter{opacity:1;transform:translate(0)scale(1)}.quote-wrapper:not(.active) .letter{transform:translate(var(--x), var(--y)) scale(.3);opacity:0}.hl-group{display:inline-block;position:relative}.slider{transition:transform .5s ease-in-out}.hl-group:after{content:"";transform-origin:0;opacity:1;will-change:transform;background:linear-gradient(90deg,#02a2ff,#b5e8ff);border-radius:999px;width:100%;height:5px;transition:transform 1.5s cubic-bezier(.22,1,.36,1),opacity .5s ease-out;position:absolute;bottom:6px;left:0;transform:scaleX(0)}.quote-wrapper.active .hl-group:after{transform:scaleX(1)}.slide-button-text{transition:transform .25s;transform:scale(1)}button:hover .slide-button-text{transform:scale(1.15)}.section-title{text-align:center;color:#ff5d64;margin-bottom:16px;font-size:20px;font-weight:600;line-height:1}.course-section{background-color:#f9fafb;padding:40px}.slider-btn-left{margin-top:100px;margin-left:-33px;width:40px!important}.slider-btn-right{margin-top:100px;margin-right:-33px;width:40px!important}.course-slider{position:relative}.course-card{background:linear-gradient(20deg,#990101,#f70e0e);border:1px solid #ffffff14;border-radius:0;height:430px;transition:all .3s;overflow:hidden}.course-card:hover{border-color:#d61f2659;transform:translateY(-8px);box-shadow:0 20px 50px #00000059}.image-wrapper{width:100%;height:var(--course-image-height);overflow:hidden}.course-image{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.course-card:hover .course-image{transform:scale(1.1)}.course-content{padding:24px}.badge{color:#fff;background:linear-gradient(90deg,#ff004c,#ff8a00,#fe0,#00ff85,#00c8ff,#7a00ff,#ff00c8,#ff004c) 0 0/300% 100%;border:none;border-radius:0;padding:8px 20px;font-size:1rem;font-weight:500;animation:3s linear infinite rainbowMove,1.2s ease-in-out infinite rainbowGlow;display:inline-flex}@keyframes rainbowMove{0%{background-position:0%}to{background-position:300%}}@keyframes rainbowGlow{0%,to{opacity:.7;box-shadow:0 0 4px #ff004c66,0 0 8px #ff004c33}50%{opacity:1;box-shadow:0 0 8px #fffc,0 0 18px #00c8ffb3,0 0 30px #ff00c880}}.course-content h3{margin-top:16px;margin-bottom:10px;font-size:1.35rem}.course-content p{color:#fff}.slider-btn{top:calc(var(--course-image-height) / 2);color:#111;cursor:pointer;z-index:50;background:#fffffff2;border:none;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .25s;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 10px 30px #00000059}.slider-btn:hover{background:#fff;transform:translateY(-50%)scale(1.08)}.slider-btn-left{left:16px}.slider-btn-right{right:16px}.swiper{padding-bottom:60px}.swiper-pagination-bullet{background:#ffffff40;width:10px;height:10px}.swiper-pagination-bullet-active{background:#d61f26}.category-section{margin-top:100px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.category-card{cursor:pointer;background:linear-gradient(145deg,#15151b,#111117);border:1px solid #ffffff14;border-radius:24px;padding:28px;transition:all .3s}.category-card:hover{border-color:#d61f264d;transform:translateY(-8px);box-shadow:0 20px 40px #00000040}.category-icon{background:#d61f261f;border:1px solid #d61f2633;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:18px;font-size:28px;display:flex}.category-card h3{margin-bottom:10px}.category-card p{color:#9aa0a6}.tc-container{background:#f9fafb;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.tc-title{color:#ff5d64;margin-bottom:16px;font-size:20px;font-weight:600;line-height:1}.tc-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tc-col{background:#fee2e2;border-radius:10px;padding:14px}.tc-col-header{color:#991b1b;margin-bottom:10px;font-size:13px;font-weight:600}.tc-card{cursor:pointer;background:#ffffffa8;border-radius:8px;margin-bottom:8px;padding:8px;transition:all .2s}.tc-card:hover{background:#fef2f2;transform:translateY(-2px)}.tc-card-row{align-items:center;gap:8px;display:flex}.tc-logo{background:#fca5a5;border-radius:6px;flex-shrink:0;width:44px;height:44px}.tc-org{color:#7f1d1d;font-size:11px}.tc-course{color:#000;margin-top:2px;font-size:13px;font-weight:600}.tc-meta{color:#7f1d1d;margin-top:2px;font-size:11px}.cs-container{margin-bottom:50px;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial}.cs-header{justify-content:left;align-items:center;margin-bottom:16px;display:flex}.cs-title{color:#ff5d64;align-items:center;margin:0;font-size:20px;font-weight:600;line-height:1;display:flex}.cs-link{color:#85a9f7;cursor:pointer;align-items:center;margin-top:4px;margin-left:10px;font-size:14px;line-height:1;display:flex}.cs-list{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.cs-card{cursor:pointer;background:#000;border:1px solid #d1d5db;border-radius:12px;padding:10px;transition:all .2s}.cs-card:hover{border-color:#9ca3af}.cs-image-wrap{padding:6px}.cs-image{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:10px;width:100%;height:150px}.cs-body{padding:2px 4px}.cs-name{margin-bottom:4px;font-size:14px;font-weight:600}.cs-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.footer{color:#ccc;background:#1f1f1f;font-size:14px}.footer-container{max-width:100%;margin:0 auto;padding:30px 90px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;height:450px;display:grid}.footer-title{color:#fff;margin-bottom:12px;font-weight:600}.footer-link{color:#ccc;margin-bottom:6px;text-decoration:none;transition:all .2s;display:block}.footer-link:hover{color:#fff}.footer-link-row{margin-bottom:10px}.footer-social{gap:12px;margin-top:10px;display:flex}.footer-social a{color:#ccc;font-size:16px;transition:all .2s}.footer-social a:hover{color:#fff;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;display:flex}.footer-left{gap:20px;display:flex}.footer-right{align-items:center;gap:20px;display:flex}.footer-pay{gap:8px;display:flex}.footer-pay span{color:#000;background:#fff;border-radius:4px;padding:4px 8px;font-size:12px}@media (max-width:768px){.slider-btn{width:48px;height:48px}.slider-btn-left{left:8px}.slider-btn-right{right:8px}.section-title{color:#000;font-size:2rem}}