.courses-hero{min-height:100vh;background:linear-gradient(135deg,rgba(75,81,241,0) 0%,rgba(107,112,245,0) 50%,rgba(161,162,247,0) 100%),url('../img/student_life_2.jpg');background-size:cover;background-position:center;background-attachment:fixed;color:white;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(245,133,44,0.15) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(161,162,247,0.2) 0%,transparent 60%);animation:pulseGlow 12s ease-in-out infinite;pointer-events:none}@keyframes pulseGlow{0%,100%{opacity:0.6}50%{opacity:1}}.courses-hero .container{position:relative;z-index:2}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);font-size:var(--font-sm);opacity:0.9;animation:fadeInDown 0.8s ease-out 0.2s both}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:0.9;transform:translateY(0)}}.breadcrumb a{color:white;transition:var(--transition-fast)}.breadcrumb a:hover{color:var(--color-secondary)}.breadcrumb .separator{color:rgba(255,255,255,0.6)}.breadcrumb .current{color:rgba(255,255,255,0.9);font-weight:var(--font-semibold)}.courses-hero-content{max-width:1000px;margin:0 auto;text-align:center}.hero-title{color:white;font-size:calc(var(--font-5xl) + 10px);margin-bottom:var(--space-5);line-height:1.05;font-weight:800;letter-spacing:-0.04em;text-shadow:0 4px 20px rgba(0,0,0,0.2);animation:fadeInUp 0.8s ease-out 0.4s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:var(--font-2xl);opacity:0.96;line-height:1.5;font-weight:var(--font-medium);text-shadow:0 2px 12px rgba(0,0,0,0.15);animation:fadeInUp 0.8s ease-out 0.6s both;letter-spacing:0.01em}.scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);animation:bounce 2s ease-in-out infinite;opacity:0.8}@keyframes bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,15px)}}.scroll-indicator i{font-size:var(--font-2xl);color:white}.courses-intro-section{padding:var(--space-15) 0;background:white;text-align:center}.courses-intro-content{max-width:850px;margin:0 auto}.courses-intro-content h2{font-size:calc(var(--font-3xl) + 8px);color:var(--color-text-dark);margin-bottom:var(--space-4);position:relative;display:inline-block}.courses-intro-content h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);margin:var(--space-4) auto 0;border-radius:var(--radius-full)}.courses-intro-content p{font-size:var(--font-lg);color:var(--color-text-medium);line-height:1.7;max-width:750px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-10);position:relative}.section-header .section-icon{font-size:var(--font-4xl);color:var(--color-primary);margin-bottom:var(--space-3)}.section-header h2{font-size:calc(var(--font-3xl) + 8px);margin-bottom:var(--space-3);color:var(--color-text-dark)}.section-header::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);margin:var(--space-4) auto 0;border-radius:var(--radius-full)}.section-subtitle{font-size:var(--font-lg);color:var(--color-gray-600);max-width:750px;margin:0 auto;line-height:1.7}.courses-programs-section{padding:var(--space-15) 0}.courses-tabs-container{margin-bottom:var(--space-8)}.courses-tabs{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8);background:white;padding:var(--space-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:2px solid rgba(75,81,241,0.08)}.courses-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);font-size:var(--font-base);font-weight:var(--font-medium);color:var(--color-text-medium);position:relative;overflow:hidden;min-height:48px}.courses-tab::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);transition:left 0.3s ease;z-index:1}.courses-tab:hover::before,.courses-tab.active::before{left:0}.tab-text{position:relative;z-index:2;font-weight:var(--font-semibold);transition:var(--transition-fast)}.tab-count{font-size:var(--font-sm);opacity:0.8;position:relative;z-index:2;transition:var(--transition-fast)}.courses-tab:hover,.courses-tab.active{color:white;transform:translateY(-2px);box-shadow:var(--shadow-primary)}.courses-tab:focus{outline:2px solid var(--color-primary);outline-offset:2px}.courses-content{position:relative;min-height:400px}.courses-panel{display:none;animation:fadeInContent 0.4s ease-out}.courses-panel.active{display:block}@keyframes fadeInContent{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.course-item{background:white;padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid transparent;transition:var(--transition-fast);text-align:center;position:relative;overflow:hidden}.course-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(75,81,241,0.03) 0%,rgba(161,162,247,0.05) 100%);opacity:0;transition:var(--transition-fast);z-index:1}.course-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(75,81,241,0.15)}.course-item:hover::before{opacity:1}.course-icon{width:60px;height:60px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,rgba(245,133,44,0.8) 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:var(--transition-fast);position:relative;z-index:2}.course-item:hover .course-icon{transform:scale(1.1) rotate(-5deg);box-shadow:var(--shadow-secondary)}.course-icon i{font-size:var(--font-2xl);color:white}.cluster-name{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-3);line-height:1.3;position:relative;z-index:2}.course-list{position:relative;z-index:2;text-align:left}.course-list ul{list-style:none;margin:0;padding:0}.course-list li{font-size:var(--font-sm);color:var(--color-text-medium);line-height:1.6;margin-bottom:var(--space-1);padding-left:var(--space-3);position:relative}.course-list li::before{content:'•';color:var(--color-secondary);font-weight:bold;position:absolute;left:0;top:0}.course-list li:last-child{margin-bottom:0}.course-name{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-text-dark);margin-bottom:var(--space-2);line-height:1.4;position:relative;z-index:2}.course-level{font-size:var(--font-sm);color:var(--color-gray-600);margin:0;position:relative;z-index:2}.courses-disclaimer,.universities-disclaimer{margin-top:var(--space-10);padding-top:var(--space-8);border-top:2px solid rgba(75,81,241,0.1)}.disclaimer-content{display:flex;align-items:flex-start;gap:var(--space-3);max-width:900px;margin:0 auto;padding:var(--space-5);background:linear-gradient(135deg,rgba(75,81,241,0.05) 0%,rgba(161,162,247,0.08) 100%);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.disclaimer-content i{font-size:var(--font-xl);color:var(--color-primary);margin-top:2px;flex-shrink:0}.disclaimer-content p{font-size:var(--font-base);color:var(--color-text-dark);line-height:1.7;margin:0;font-style:italic}.universities-section{padding:var(--space-15) 0;background:white}.universities-tabs-container{margin-bottom:var(--space-8)}.universities-tabs{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8);background:white;padding:var(--space-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:2px solid rgba(75,81,241,0.08)}.universities-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);font-size:var(--font-base);font-weight:var(--font-medium);color:var(--color-text-medium);position:relative;overflow:hidden;min-height:48px}.universities-tab::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);transition:left 0.3s ease;z-index:1}.universities-tab:hover::before,.universities-tab.active::before{left:0}.tab-flag{font-size:var(--font-xl);position:relative;z-index:2}.universities-tab:hover,.universities-tab.active{color:white;transform:translateY(-2px);box-shadow:var(--shadow-primary)}.universities-tab:focus{outline:2px solid var(--color-primary);outline-offset:2px}.universities-content{position:relative;min-height:400px}.universities-panel{display:none;animation:fadeInContent 0.4s ease-out}.universities-panel.active{display:block}.universities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.university-item{background:white;padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid transparent;transition:var(--transition-fast);text-align:center;position:relative;overflow:hidden}.university-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(75,81,241,0.03) 0%,rgba(161,162,247,0.05) 100%);opacity:0;transition:var(--transition-fast);z-index:1}.university-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(75,81,241,0.15)}.university-item:hover::before{opacity:1}.university-icon{width:60px;height:60px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:var(--transition-fast);position:relative;z-index:2}.university-item:hover .university-icon{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-primary)}.university-icon i{font-size:var(--font-2xl);color:white}.university-name{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-text-dark);margin-bottom:var(--space-2);line-height:1.4;position:relative;z-index:2}.university-location{font-size:var(--font-sm);color:var(--color-gray-600);margin:0;position:relative;z-index:2}.courses-guidance-section{padding:var(--space-15) 0}.guidance-header{text-align:center;margin-bottom:var(--space-10)}.guidance-header h2{font-size:calc(var(--font-3xl) + 8px);color:var(--color-text-dark);margin-bottom:var(--space-3)}.guidance-subtitle{font-size:var(--font-lg);color:var(--color-gray-600);max-width:750px;margin:0 auto}.guidance-content{max-width:1000px;margin:0 auto}.guidance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}.guidance-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:var(--transition-base);border:2px solid transparent}.guidance-item:hover{transform:translateX(8px);box-shadow:var(--shadow-sm);border-color:rgba(75,81,241,0.1)}.guidance-item i{font-size:var(--font-xl);color:var(--color-secondary);margin-top:2px;flex-shrink:0}.guidance-item h4{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-text-dark);margin-bottom:var(--space-2)}.guidance-item p{font-size:var(--font-base);color:var(--color-text-medium);line-height:1.6;margin:0}.courses-cta-section{background:linear-gradient(135deg,rgba(75,81,241,0) 0%,rgba(107,112,245,0) 50%,rgba(161,162,247,0) 100%),url("../img/student_life_13.jpg");color:white;padding:var(--space-20) 0;text-align:center;position:relative;overflow:hidden;background-size:cover;background-position:center}.cta-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 50%,rgba(245,133,44,0.2) 0%,transparent 60%),radial-gradient(circle at 75% 50%,rgba(161,162,247,0.25) 0%,transparent 60%);animation:pulseGlow 10s ease-in-out infinite}.courses-cta-content{max-width:850px;margin:0 auto;position:relative;z-index:2}.courses-cta-section h2{color:white;font-size:calc(var(--font-4xl) + 5px);margin-bottom:var(--space-5);text-shadow:0 4px 20px rgba(0,0,0,0.2)}.courses-cta-section p{font-size:var(--font-xl);margin-bottom:var(--space-8);opacity:0.97;line-height:1.7;text-shadow:0 2px 12px rgba(0,0,0,0.15)}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6);flex-wrap:wrap}.contact-info{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-lg);font-weight:var(--font-medium)}.contact-item i{font-size:var(--font-xl)}@media (max-width:991px){.courses-hero{min-height:80vh;padding:var(--space-15) 0;background-attachment:scroll}.hero-title{font-size:var(--font-4xl)}.hero-subtitle{font-size:var(--font-xl)}.courses-tabs,.universities-tabs{flex-direction:column;align-items:stretch;gap:var(--space-1)}.courses-tab,.universities-tab{justify-content:center;padding:var(--space-3) var(--space-4)}.courses-grid,.universities-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.guidance-grid{grid-template-columns:1fr;gap:var(--space-4)}.courses-programs-section,.universities-section,.courses-guidance-section{padding:70px 0}.courses-intro-section{padding:60px 0}}@media (max-width:767px){.courses-hero{min-height:70vh;padding:var(--space-12) 0}.hero-title{font-size:36px}.hero-subtitle{font-size:var(--font-lg)}.breadcrumb{margin-bottom:var(--space-5)}.courses-intro-content h2{font-size:var(--font-3xl)}.courses-intro-content p{font-size:var(--font-base)}.section-header .section-icon{font-size:var(--font-3xl)}.section-header h2{font-size:var(--font-3xl)}.courses-tabs,.universities-tabs{padding:var(--space-1);flex-direction:row;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.courses-tab,.universities-tab{flex:0 0 auto;padding:var(--space-2) var(--space-3);min-width:100px}.tab-text{font-size:var(--font-sm)}.tab-count{font-size:11px}.courses-grid,.universities-grid{grid-template-columns:1fr;gap:16px}.course-item,.university-item{padding:var(--space-4);text-align:left}.course-icon,.university-icon{width:50px;height:50px;margin:0 0 var(--space-3) 0}.course-icon i,.university-icon i{font-size:var(--font-xl)}.cluster-name,.university-name{font-size:var(--font-base);text-align:left}.course-list{text-align:left}.course-list p{font-size:13px}.disclaimer-content{flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-align:center}.disclaimer-content i{align-self:center}.guidance-header h2{font-size:var(--font-3xl)}.guidance-item{padding:var(--space-3)}.guidance-item h4{font-size:var(--font-base)}.guidance-item p{font-size:var(--font-sm)}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%;max-width:350px}.contact-info{flex-direction:column;gap:var(--space-3)}.courses-programs-section,.universities-section,.courses-guidance-section{padding:50px 20px}.courses-intro-section{padding:40px 20px}.courses-disclaimer,.universities-disclaimer{margin-top:24px;padding-top:24px}.section-header{margin-bottom:32px}}@media (max-width:575px){.hero-title{font-size:30px}.hero-subtitle{font-size:var(--font-base)}.courses-cta-section h2{font-size:var(--font-3xl)}.courses-cta-section p{font-size:var(--font-lg)}.courses-programs-section,.universities-section,.courses-guidance-section{padding:32px 16px}.courses-intro-section{padding:32px 16px}.courses-grid,.universities-grid{gap:12px}.course-item,.university-item{padding:16px}.guidance-grid{gap:16px}.section-header{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.courses-hero{background-attachment:scroll}}