.responsive-box{display:flex;flex-direction:column;padding:10px 20px;gap:10px;font-size:12px;align-items:center;justify-content:center}@media (min-width:640px){.responsive-box{flex-direction:row;justify-content:space-between;gap:10px;font-size:12px}}@media (min-width:840px){.responsive-box{flex-direction:row;justify-content:space-around;padding:10px 0;gap:10px;font-size:14px}}.catalog-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;justify-items:center;margin:30px 0}@media (min-width:640px){.catalog-grid{grid-template-columns:repeat(2,1fr);padding:24px 20px;justify-content:center}}@media (min-width:1024px){.catalog-grid{grid-template-columns:repeat(3,1fr);padding:24px 50px;justify-content:center}}:root{--bg-start:#b5eaff;--bg-mid:#fff6f0;--bg-end:#e8eaf6;--card-bg:hsla(0,0%,100%,.4);--card-border:#fff;--radius:20px;--gap:24px;--blur:7.5px;--shadow:0 1px 0 rgba(0,0,0,.02),0 10px 30px rgba(0,0,0,.08);--duration:60s}.page{min-height:500px;display:grid;place-items:center;background:radial-gradient(circle at 20% 30%,var(--bg-start) 0,var(--bg-mid) 50%,var(--bg-end) 100%);padding:32px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial;color:#111}.trainer-header{text-align:center;margin-bottom:4rem}.trainer-title{font-size:3rem;font-weight:900;color:var(--black-text);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid var(--primary-blue);display:inline-block}.trainer-subtitle{font-size:1rem;color:#888;letter-spacing:1px}.marquee{width:min(1600px,100%);overflow:hidden;padding:8px;position:relative}.track{display:flex;gap:var(--gap);width:max-content;animation:scroll var(--duration) linear infinite;will-change:transform}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.card-x{width:clamp(260px,28vw,390px);padding:32px;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow);cursor:pointer}.card-content-x,.card-x{display:flex;align-items:center;justify-content:center}.card-content-x{flex-direction:column;gap:16px;width:100%}.logo{color:#000;line-height:0}.stat .percent{font-weight:800;letter-spacing:.5px;font-size:clamp(40px,7vw,64px)}.stat .desc{margin:10px 0 0;line-height:1.35;color:rgba(0,0,0,.75);font-size:clamp(14px,2.4vw,18px)}.author{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.name{font-weight:700;font-size:20px;margin-top:10px}.name,.title{text-align:center}.title{font-size:13px;color:rgba(0,0,0,.65)}.avatar{width:120px;height:120px;flex:0 0 120px;display:grid;place-items:center;border-radius:50%;padding:3px;overflow:hidden;background:conic-gradient(#63f 0 25%,#0fd 25% 50%,#ff0 50% 75%,#f0f 75% 100%);box-shadow:0 6px 20px rgba(0,0,0,.15)}.avatar img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover}@media (max-width:900px){.page{padding:20px}.track{gap:18px}.card{gap:48px;padding:28px}}@media (max-width:520px){.card{width:clamp(240px,80vw,360px);padding:24px;gap:36px}.stat .desc{font-size:14px}}@media (prefers-reduced-motion:reduce){.track{animation-duration:1ms}}.course-detail-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.course-hero{position:relative;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border-radius:2rem;padding:3rem 2rem;margin-bottom:3rem;overflow:hidden;box-shadow:0 15px 50px rgba(28,59,163,.25)}.hero-gradient{width:500px;background:radial-gradient(circle,rgba(0,188,212,.25) 0,transparent 70%)}.hero-content-course{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:center;position:relative;z-index:1}.course-thumbnail-wrapper{border-radius:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.3)}.course-placeholder,.course-thumbnail-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.course-placeholder{min-height:300px;max-height:300px;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(0,188,212,.1));display:flex;align-items:center;justify-content:center}.placeholder-content{color:var(--primary-blue);opacity:.4;width:80%;height:80%;animation:fadeInScale .8s ease-out}.course-placeholder:before{content:"";position:absolute;top:-100%;left:-100%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,188,212,.4) 0,transparent 70%);border-radius:50%;animation:moveGradient 8s ease-in-out infinite}@keyframes moveGradient{0%,to{top:-100%;left:-100%}50%{top:50%;left:50%}}.status-badge-course{position:absolute;bottom:15px;right:15px;background:linear-gradient(135deg,var(--accent-cyan) 0,#00a8c2 100%);color:var(--white);padding:.6rem 1.5rem;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;box-shadow:0 5px 20px rgba(0,188,212,.4);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 5px 20px rgba(0,188,212,.4);transform:scale(1)}50%{box-shadow:0 8px 30px rgba(0,188,212,.6);transform:scale(1.05)}}.hero-info-course{color:var(--white);animation:slideInRight .6s cubic-bezier(.4,0,.2,1)}.course-title{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.2;color:var(--white)}.course-category{font-size:1.1rem;margin-bottom:1rem;opacity:.9;color:var(--accent-cyan);font-weight:600;text-transform:uppercase;letter-spacing:1px}.course-description-hero{font-size:1.1rem;line-height:1.7;color:var(--black);margin-bottom:1.5rem;opacity:.95}.course-stats{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;opacity:.85;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700}.enroll-button{background:linear-gradient(135deg,var(--accent-cyan) 0,var(--accent-pink) 100%);color:var(--white);border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(0,188,212,.3);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.enroll-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.enroll-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,188,212,.5)}.enroll-button:hover:before{left:100%}.enroll-button.enrolling{opacity:.8;cursor:not-allowed}.course-info-section{background:var(--white);padding:3rem 2rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:3rem}.course-info-section h2{font-size:2rem;color:var(--primary-blue);margin-bottom:2rem;position:relative;padding-bottom:1rem}.course-info-section h2:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-cyan));border-radius:2px}.course-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.detail-card{padding:2rem;background:linear-gradient(135deg,rgba(28,59,163,.05),rgba(0,188,212,.05));border-radius:1rem;border:2px solid transparent;transition:all .3s ease;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.detail-card:hover{border-color:var(--primary-blue);transform:translateY(-8px);box-shadow:0 10px 30px rgba(28,59,163,.15)}.detail-card h3{color:var(--primary-blue);font-size:1rem;margin-bottom:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.detail-card p{color:var(--black-text);font-size:1.1rem;font-weight:600;line-height:1.6}.learning-outcomes{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);padding:3rem 2rem;border-radius:1.5rem;color:var(--white);position:relative;overflow:hidden;box-shadow:0 10px 40px rgba(28,59,163,.3)}.learning-outcomes:before{content:"";position:absolute;top:-100%;right:-100%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,188,212,.2) 0,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.learning-outcomes h2{font-size:2rem;margin-bottom:2rem;position:relative;z-index:1;color:var(--accent-cyan)}.outcomes-list{list-style:none;position:relative;z-index:1}.outcomes-list li{padding:1rem 0 1rem 2rem;font-size:1.1rem;line-height:1.7;position:relative;transition:all .3s ease}.outcomes-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-cyan);font-weight:700;font-size:1.3rem;transition:all .3s ease}.outcomes-list li:hover{transform:translateX(10px)}.outcomes-list li:hover:before{transform:scale(1.2) rotate(15deg)}@media (max-width:768px){.hero-content-course{grid-template-columns:1fr;gap:2rem}.course-title{font-size:2rem}.course-info-section{padding:2rem 1.5rem}.course-details-grid{grid-template-columns:1fr}}@media (max-width:640px){.course-detail-container{padding:1rem .75rem}.course-hero{padding:2rem 1rem;border-radius:1rem}.course-title{font-size:1.5rem}.course-stats{flex-direction:column;gap:1rem}.enroll-button{width:100%;padding:.9rem 1.5rem}.course-info-section{padding:1.5rem 1rem}.learning-outcomes{padding:2rem 1rem}.outcomes-list li{font-size:1rem;padding-left:1.5rem}}.courses-page-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#fff)}.courses-hero{position:relative;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);padding:4rem 2rem;text-align:center;overflow:hidden}.hero-gradient-courses{position:absolute;top:0;right:0;width:500px;height:500px;background:radial-gradient(circle,rgba(0,188,212,.25) 0,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.hero-content-courses{position:relative;z-index:1;max-width:800px;margin:0 auto;animation:fadeInUp .6s ease}.courses-hero-title{font-size:3rem;font-weight:900;color:var(--white);margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.courses-hero-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.9);font-weight:500}.filter-section{max-width:1200px;margin:3rem auto;padding:0 1rem}.filter-section h2{font-size:1.5rem;color:var(--black-text);margin-bottom:1.5rem;font-weight:700}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;animation:fadeInUp .6s ease .1s both}.filter-btn{padding:.75rem 1.75rem;border:2px solid var(--gray-border);background:var(--white);color:var(--black-text);border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;text-transform:capitalize}.filter-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);color:var(--white);border-color:var(--primary-blue);box-shadow:0 6px 20px rgba(28,59,163,.3)}.courses-grid{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem;grid-template-columns:repeat(3,1fr)}.no-results{text-align:center;padding:4rem 1rem;font-size:1.2rem;color:#999}@media (max-width:768px){.courses-hero{padding:3rem 1.5rem}.courses-hero-title{font-size:2.5rem}.courses-hero-subtitle{font-size:1.1rem}.category-filters{gap:.75rem}.filter-btn{padding:.6rem 1.25rem;font-size:.85rem}.courses-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:640px){.courses-page-container{padding-top:0}.courses-hero{padding:2rem 1rem}.courses-hero-title{font-size:1.75rem}.courses-hero-subtitle{font-size:1rem}.filter-section{margin:2rem auto;padding:0 .75rem}.filter-section h2{font-size:1.25rem;margin-bottom:1rem}.category-filters{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}.courses-grid{grid-template-columns:1fr;padding:1.5rem .75rem 2rem;gap:1.25rem}}.course-card-item{background:var(--white);border-radius:1rem;overflow:hidden;box-shadow:0 4px 15px rgba(28,59,163,.1);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;height:100%;display:flex;flex-direction:column;max-width:400px}.course-card-item:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(28,59,163,.25);border-color:var(--primary-blue)}.course-card-image{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,rgba(28,59,163,.1),rgba(0,188,212,.1))}.course-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card-item:hover .course-card-image img{transform:scale(1.1)}.course-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);opacity:.3;animation:fadeInScale .6s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:.3;transform:scale(1)}}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(28,59,163,.7);display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem;opacity:0;transition:all .3s ease}.course-card-item:hover .card-overlay{opacity:1}.card-status{background:linear-gradient(135deg,var(--accent-cyan) 0,var(--accent-purple) 100%);color:var(--white);padding:.4rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 4px 15px rgba(0,188,212,.4);animation:slideInDown .4s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.course-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.card-category{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent-cyan);letter-spacing:.5px}.card-title{font-size:1.25rem;font-weight:700;color:var(--black-text);line-height:1.3;transition:color .3s ease}.course-card-item:hover .card-title{color:var(--primary-blue)}.card-description{font-size:.95rem;color:#666;line-height:1.5;flex-grow:1}.card-footer{display:flex;gap:.75rem;margin-top:auto}.card-view-btn{flex:1;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);color:var(--white);border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.card-view-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(28,59,163,.3)}@media (max-width:640px){.course-card-item{border-radius:.75rem}.course-card-image{height:150px}.course-card-content{padding:1rem;gap:.5rem}.card-title{font-size:1.1rem}.card-description{font-size:.9rem}.card-view-btn{padding:.6rem 1rem;font-size:.85rem}}:root{--primary-blue:#1c3ba3;--primary-blue-light:#2a4fb8;--primary-blue-darker:#152b7a;--accent-cyan:#05d6f2;--accent-purple:#7c3aed;--accent-pink:#ec4899;--white:#fff;--black:#000;--black-text:#1a1a1a;--gray-light:#f8f9fa;--gray-border:#e0e3e8}.trainer-detail-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.back-link{display:inline-block;color:var(--primary-blue);text-decoration:none;font-weight:600;margin-bottom:2rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:.5rem}.back-link:hover{background-color:rgba(28,59,163,.1);transform:translateX(-5px)}.detail-hero{position:relative;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border-radius:2rem;padding:3rem 2rem;margin-bottom:3rem;overflow:hidden;box-shadow:0 10px 40px rgba(28,59,163,.2)}.hero-gradient{position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(31,220,245,.2) 0,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-content{display:flex;align-items:center;gap:3rem;position:relative;z-index:1}.profile-image-wrapper{position:relative;flex-shrink:0}.profile-image{width:200px;height:200px;border-radius:50%;border:4px solid var(--white);object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:slideInLeft .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.status-badge{position:absolute;bottom:10px;right:10px;background-color:var(--accent-cyan);color:var(--white);padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 4px 15px rgba(0,188,212,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px rgba(0,188,212,.3)}50%{box-shadow:0 4px 25px rgba(0,188,212,.6)}}.hero-info{color:var(--white);animation:slideInRight .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.trainer-detail-name{font-size:3rem;color:var(--white);font-weight:900;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(8,8,8,.217)}.trainer-detail-expertise{font-size:1.5rem;color:#61cffe;margin-bottom:1.5rem;opacity:.95;font-weight:500}.info-badges{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.badge{display:inline-block;padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;animation:scaleIn .5s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.badge-blue{background-color:rgba(0,188,212,.2);border:1px solid var(--accent-cyan);color:var(--accent-cyan);max-width:100%;white-space:normal;word-break:break-word;line-height:1.5}.badge-gray{background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.5);color:var(--white);display:flex;align-items:center}.social-links{display:flex;gap:1rem}.social-link{display:inline-block;padding:.75rem 1.5rem;border:2px solid var(--white);color:var(--white);text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s ease;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-link:hover{background-color:var(--white);color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.tab-navigation{display:flex;gap:1rem;border-bottom:2px solid var(--gray-border);margin-bottom:2rem}.tab-button{padding:1rem 2rem;border:none;background:none;color:#888;font-size:1rem;font-weight:600;cursor:pointer;position:relative;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.tab-button.active{color:var(--primary-blue)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-cyan));animation:slideRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideRight{0%{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}}.tab-button:hover{color:var(--primary-blue)}.content-section{background-color:var(--white);padding:2rem;border-radius:1rem;border:1px solid var(--gray-border);margin-bottom:3rem;box-shadow:0 4px 15px rgba(0,0,0,.05)}.tab-content{animation:fadeIn .4s ease}.tab-content h2{font-size:2rem;margin-bottom:1.5rem;color:var(--primary-blue);position:relative;padding-bottom:1rem}.tab-content h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-cyan));border-radius:2px}.tab-content p{font-size:1.1rem;line-height:1.8;color:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.detail-item{display:flex;flex-direction:column;padding:1.5rem;background:linear-gradient(135deg,rgba(28,59,163,.05),rgba(0,188,212,.05));border-radius:1rem;border-left:4px solid var(--primary-blue);transition:all .3s ease;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.detail-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(28,59,163,.15);background:linear-gradient(135deg,rgba(28,59,163,.1),rgba(0,188,212,.1))}.detail-label{font-size:.875rem;color:var(--primary-blue);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.detail-value{font-size:1.125rem;color:var(--black-text);font-weight:600}.status-active{color:var(--accent-cyan);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{color:var(--accent-cyan)}50%{color:var(--primary-blue)}}.courses-section{margin-top:4rem}.courses-section h2{font-size:2.5rem;color:var(--black-text);margin-bottom:2rem;text-align:center;position:relative;padding-bottom:1rem}.courses-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-cyan),var(--accent-purple));border-radius:2px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.course-card{background:linear-gradient(135deg,var(--white) 0,rgba(0,188,212,.05) 100%);border:2px solid transparent;border-radius:1rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.course-card:before{content:"";position:absolute;top:-100%;left:-100%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,188,212,.3) 0,transparent 70%);transition:all .5s ease;border-radius:50%}.course-card:hover:before{top:-50%;left:-50%}.course-card:hover{border-color:var(--primary-blue);transform:translateY(-10px);box-shadow:0 15px 40px rgba(28,59,163,.2)}.course-header{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:1rem;position:relative;z-index:1}.course-desc{color:#666;font-size:1rem;line-height:1.6;position:relative;z-index:1}@media (max-width:768px){.detail-hero{padding:2rem 1.5rem}.status-badge{position:absolute;bottom:5px;right:5px;padding:.3rem .6rem;font-size:.5rem}.hero-content{flex-direction:column;text-align:center;gap:2rem}.info-badges{gap:.5rem;justify-content:center}.profile-image{width:150px;height:150px}.trainer-detail-name{font-size:2rem}.trainer-detail-expertise{font-size:1.25rem}.hero-gradient{width:200px;height:200px}.social-links{justify-content:center}.badge-blue{display:block;width:100%;max-width:100%;white-space:normal;word-break:break-word;text-align:center;line-height:1.5}}@media (max-width:640px){.trainer-detail-container{padding:1rem .75rem}.detail-hero{padding:1.5rem 1rem;border-radius:1rem}.status-badge{position:absolute;bottom:5px;right:2px;padding:.25rem .5rem;font-size:.5rem}.trainer-detail-name{font-size:1.75rem}.trainer-detail-expertise{font-size:1.1rem}.profile-image{width:120px;height:120px}.info-badges{gap:.5rem;justify-content:center}.badge{padding:.4rem 1rem;font-size:.75rem}.badge-blue{display:block;width:100%;max-width:100%;white-space:normal;word-break:break-word;text-align:center;line-height:1.5}.content-section{padding:1.5rem}.tab-content h2{font-size:1.5rem}.courses-grid,.details-grid{grid-template-columns:1fr}.social-link{padding:.6rem 1.2rem;font-size:.9rem}}