@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.projects-page{background:#f8f9fa;min-height:100vh;padding:2rem 0}.projects-intro{border-radius:15px;animation:.6s ease-out fadeInUp;box-shadow:0 2px 10px #00000014}.projects-section-title{color:#b3b3b3;font-weight:700;line-height:1.4}.projects-tabs{background:#fff;border-radius:15px;flex-wrap:wrap;gap:.75rem;padding:1.5rem;animation:.6s ease-out .2s both fadeInUp;display:flex;box-shadow:0 2px 10px #00000014}.search-box.mb-4.w-50.position-relative{width:33%!important}.search-box input.form-control{background:#fff;border:1px solid #000;border-radius:29px;padding:12px 20px;box-shadow:0 7px 29px #64646f33}.search-box i{background:#fff;font-size:23px;position:absolute;top:10px;right:12px}.projects-tab-btn{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.projects-tab-btn:before{content:"";background:linear-gradient(90deg,#0000,#2980ff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.projects-tab-btn:hover:before{left:100%}.projects-tab-btn:hover{background:#f0f7ff;border-color:#5e5e5e;transform:translateY(-3px);box-shadow:0 5px 15px #2980ff33}.projects-tab-btn.active{color:#fff;background:linear-gradient(90deg,#464646,#000);border-color:#0000;box-shadow:0 5px 15px #2980ff4d}.projects-tab-btn.active:hover{background:#000}.projects-tab-btn i{transition:transform .3s}.projects-tab-btn:hover i{transform:scale(1.2)}.course-card{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;height:100%;text-decoration:none;transition:all .3s;animation:.5s ease-out both scaleIn;display:block;position:relative;overflow:hidden}.course-card:before{content:"";background:linear-gradient(90deg,#0000,#2980ff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.course-card:hover:before{left:100%}.course-card:hover{border-color:#b3b3b3;transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.course-card-inner{z-index:1;gap:18px;padding:1.2rem;display:flex;position:relative}.coures-text-box{width:80%}.course-icon-badge{color:#fff;background:linear-gradient(90deg,#353535,#000);border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:0;font-size:1.5rem;transition:all .3s;display:flex}.course-card:hover .course-icon-badge{background:#000;animation:2s ease-in-out infinite float}.course-code-pill{color:#000;background:#e6f2ff;border-radius:8px;margin-top:0;padding:.35rem .85rem;font-size:.775rem;font-weight:200;display:inline-block}.projects-bottom-section{border-radius:15px;animation:.6s ease-out .4s both fadeInUp;box-shadow:0 2px 10px #00000014}.feature-card{background:#fff;border:2px solid #e0e0e0;border-radius:15px;height:100%;padding:2rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(#2980ff,#4f9cff);width:0;height:0;transition:height .4s;position:absolute;top:0;left:0}.feature-card:after{content:"";opacity:0;background:linear-gradient(135deg,#2980ff0d,#4f9cff0d);transition:opacity .4s;position:absolute;inset:0}.feature-card:hover:before{height:100%}.feature-card:hover:after{opacity:1}.feature-card:hover{border-color:#b3b3b3;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #2980ff33}.feature-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#4e4e4e,#000);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;font-size:1.8rem;transition:all .4s;display:flex;position:relative}.feature-icon:before{content:"";background:inherit;opacity:.3;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite pulse;position:absolute}.feature-card:hover .feature-icon{background:#000;animation:2s ease-in-out infinite float;transform:rotate(360deg)}.feature-card:hover .feature-icon i{animation:1s ease-in-out infinite pulse}.feature-card h3{color:#363636;z-index:1;margin-bottom:1rem;font-weight:600;transition:color .3s;position:relative}.feature-card:hover h3{color:#000}.feature-card p{color:#666;z-index:1;font-size:.95rem;line-height:1.7;position:relative}.col-12:first-child .course-card{animation-delay:.1s}.col-12:nth-child(2) .course-card{animation-delay:.2s}.col-12:nth-child(3) .course-card{animation-delay:.3s}.col-12:nth-child(4) .course-card{animation-delay:.4s}.col-12:nth-child(5) .course-card{animation-delay:.5s}.col-12:nth-child(6) .course-card{animation-delay:.6s}@media (max-width:768px){.projects-page{padding:1rem 0}.projects-tabs{padding:1rem}.projects-tab-btn{padding:.6rem 1rem;font-size:.875rem}.feature-icon{width:60px;height:60px;font-size:1.5rem}}@media (max-width:576px){.projects-tab-btn{justify-content:center;width:100%}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.page-container{background:#f8f9fa;min-height:100vh;padding:3rem 0}.page-header{background:linear-gradient(135deg,#2980ff,#4f9cff);border-radius:0 0 30px 30px;margin-bottom:3rem;padding:3rem 0;animation:.6s ease-out fadeInUp;position:relative;overflow:hidden}.page-header:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.page-header h2{color:#fff;z-index:2;font-weight:700;animation:.8s ease-out slideInLeft;position:relative}.page-subtitle{color:#ffffffe6;z-index:2;animation:.8s ease-out .2s both slideInLeft;position:relative}.product-card{background:#fff;border:2px solid #e0e0e0;border-radius:15px;height:100%;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);animation:.5s ease-out both scaleIn;position:relative;overflow:hidden}.product-card:before{content:"";background:linear-gradient(90deg,#0000,#2980ff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.product-card:hover:before{left:100%}.product-image-wrapper{background:#f8f9fa;border-radius:12px;margin:1rem;position:relative;overflow:hidden}.product-image-wrapper:after{content:"";opacity:0;background:linear-gradient(135deg,#2980ff1a,#4f9cff1a);transition:opacity .3s;position:absolute;inset:0}.product-card:hover .product-image-wrapper:after{opacity:1}.product-image{object-fit:contain;width:100%;height:250px;transition:transform .5s}.product-card:hover .product-image{transform:scale(1.1)}.badge-sale{color:#fff;z-index:10;background:linear-gradient(135deg,#ff4757,#ff6348);border-radius:25px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;animation:2s ease-in-out infinite pulse;position:absolute;top:1.5rem;right:1.5rem}.badge-type{color:#fff;z-index:10;background:linear-gradient(135deg,#2980ff,#4f9cff);border-radius:20px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;position:absolute;top:1.5rem;left:1.5rem}.product-body{padding:1.5rem}.product-code{color:#fff;background:linear-gradient(135deg,#2980ff,#4f9cff);border-radius:8px;margin-bottom:.75rem;padding:.4rem 1rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.product-card:hover .product-code{background:#000;animation:2s ease-in-out infinite float}.product-title{color:#333;font-size:1.2rem;font-weight:600}.info-row{color:#666;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;transition:all .3s;display:flex}.product-card:hover .info-row{transform:translate(5px)}.info-row i{color:#2980ff;width:20px;transition:all .3s}.product-card:hover .info-row i{transform:scale(1.2)}.price-section{border-top:2px solid #f0f0f0;align-items:center;gap:1rem;margin:1.5rem 0;padding-top:1rem;display:flex}.sale-price{color:#2980ff;font-size:1.8rem;font-weight:700;animation:2s ease-in-out infinite pulse}.original-price{color:#999;font-size:1.2rem;text-decoration:line-through}.discount-badge{color:#fff;background:linear-gradient(135deg,#28a745,#20c997);border-radius:15px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.btn-add-cart{color:#fff;background:linear-gradient(90deg,#2980ff,#4f9cff);border:none;border-radius:10px;width:100%;padding:.85rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-add-cart:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .5s,height .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-add-cart:hover:before{width:300px;height:300px}.btn-add-cart:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.btn-add-cart i{transition:transform .3s}.btn-add-cart:hover i{transform:scale(1.2)}.empty-state{text-align:center;padding:5rem 2rem;animation:.6s ease-out fadeInUp}.empty-icon{color:#2980ff;background:linear-gradient(135deg,#f0f7ff,#e8f2ff);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 2rem;font-size:3rem;display:flex}.col-md-4:first-child .product-card{animation-delay:.1s}.col-md-4:nth-child(2) .product-card{animation-delay:.2s}.col-md-4:nth-child(3) .product-card{animation-delay:.3s}.col-md-4:nth-child(4) .product-card{animation-delay:.4s}.col-md-4:nth-child(5) .product-card{animation-delay:.5s}.col-md-4:nth-child(6) .product-card{animation-delay:.6s}@media (max-width:768px){.page-header{margin-bottom:2rem;padding:2rem 0}.product-image{height:250px}.sale-price{font-size:1.5rem}}.card-code{color:#2e5c9e;letter-spacing:.5px;font-size:1.2rem;font-weight:800}.card-title-sm{color:#555;font-size:.85rem;line-height:1.4}.divider-custom{background:#f0f0f0;width:100%;height:2px;margin:0 auto}.badge-pill{border-radius:50rem;padding:.35em .8em;font-size:.75rem;font-weight:600}.badge-gray{color:#fff;background-color:#6c757d}.badge-cyan{color:#fff;background-color:#0dcaf0}.sale-price-text{color:#000;font-size:1.25rem}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.product-card:hover{border-color:#b0bfd6;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}@media only screen and (max-width:768px){.search-box.mb-4.w-50.position-relative{margin-top:30px;width:100%!important}}