.page-header{background:linear-gradient(135deg,#002b5b,#004080);padding:2.5rem 0;animation:fadeIn .6s ease-out;transition:background .3s ease}body.dark-mode .page-header{background:#1e293b}.page-header:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff1a;top:-90px;right:-120px;animation:float 15s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}.header-badge{display:inline-block;background:#fff3;color:#fff;padding:8px 20px;border-radius:20px;font-size:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-subtitle{color:#fff;font-size:1rem;line-height:1.6;animation:fadeIn 1s ease-out .2s backwards;transition:color .3s ease}body.dark-mode .header-subtitle{color:#94a3b8}.program-card-section{padding:40px 0 60px;background:#fff;transition:background .3s ease}body.dark-mode .program-card-section{background:#0f172a}.program-card{background:linear-gradient(135deg,#002b5b,#004080);border-radius:24px;padding:2.5rem;display:flex;align-items:center;gap:2rem;color:#fff;position:relative;overflow:hidden;animation:scaleIn .8s ease-out;transition:background .3s ease}body.dark-mode .program-card{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 10px 40px #0000004d}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.program-icon,.program-calendar{width:70px;height:70px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.program-icon svg,.program-calendar svg{width:35px;height:35px;color:#fff}.program-content{flex:1;position:relative;z-index:1}.program-content h2{color:#fff;font-size:1.5rem;font-weight:700}.ekstrakurikuler-section{padding:80px 0;background:#fff;transition:background .3s ease}body.dark-mode .ekstrakurikuler-section{background:#0f172a}.ekstrakurikuler-section h2{font-size:2rem;color:#333;margin-bottom:1rem;font-weight:700;animation:fadeInLeft 1s ease-out;transition:color .3s ease}body.dark-mode .ekstrakurikuler-section h2{color:#e2e8f0}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.section-subtitle{color:#666;line-height:1.7;margin-bottom:3rem;animation:fadeIn 1s ease-out .2s backwards;transition:color .3s ease}body.dark-mode .section-subtitle{color:#94a3b8}.ekskul-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.ekskul-card{background:linear-gradient(135deg,#002b5b,#004080);border-radius:20px;padding:2.5rem 1.5rem;text-align:center;transition:all .4s;box-shadow:0 5px 20px #667eea33;animation:fadeInUp .8s ease-out backwards}body.dark-mode .ekskul-card{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 5px 20px #0000004d}.ekskul-card:nth-child(1){animation-delay:.1s}.ekskul-card:nth-child(2){animation-delay:.2s}.ekskul-card:nth-child(3){animation-delay:.3s}.ekskul-card:nth-child(4){animation-delay:.4s}.ekskul-card:nth-child(5){animation-delay:.5s}.ekskul-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ekskul-card:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 50px #667eea66}body.dark-mode .ekskul-card:hover{box-shadow:0 20px 50px #00000080}.ekskul-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ekskul-card h3{color:#fff;font-size:1.1rem;font-weight:600}.prestasi-section{padding:80px 0;background:#f8f9fa;transition:background .3s ease}body.dark-mode .prestasi-section{background:#1e293b}.prestasi-section h2{font-size:2rem;color:#333;margin-bottom:1rem;font-weight:700;animation:fadeInLeft 1s ease-out;transition:color .3s ease}body.dark-mode .prestasi-section h2{color:#e2e8f0}.prestasi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.prestasi-card{border-radius:24px;padding:3rem 2.5rem;min-height:200px;display:flex;align-items:center;justify-content:center;gap:1.5rem;transition:all .4s;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden;animation:scaleIn .8s ease-out backwards;background:linear-gradient(135deg,#00265b,#004080)}.prestasi-card:nth-child(1){animation-delay:.1s}.prestasi-card:nth-child(2){animation-delay:.2s}.prestasi-card:nth-child(3){animation-delay:.3s}.prestasi-card:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff1a;top:-100px;right:-50px;animation:float 12s infinite ease-in-out}.prestasi-card:hover{transform:translateY(-15px);box-shadow:0 25px 60px #0003}body.dark-mode .prestasi-card:hover{box-shadow:0 25px 60px #0006}.prestasi-icon{width:70px;height:70px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.prestasi-icon svg{width:40px;height:40px;color:#fff}.prestasi-content{position:relative;z-index:1}.prestasi-content h3{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.4}.statistics-section{padding:80px 0;background:#fff;transition:background .3s ease}body.dark-mode .statistics-section{background:#0f172a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.stat-item{text-align:center;animation:fadeInUp 1s ease-out backwards}.stat-item:nth-child(1){animation-delay:.1s}.stat-item:nth-child(2){animation-delay:.2s}.stat-item:nth-child(3){animation-delay:.3s}.stat-number{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#00265b,#004080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:countUp 2s ease-out}body.dark-mode .stat-number{background:linear-gradient(135deg,#f8f9fa,#004080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.stat-label{color:#00265b;font-size:1.2rem;font-weight:600;transition:color .3s ease}body.dark-mode .stat-label{color:#cac42d}@media(max-width:968px){.program-card{flex-direction:column;text-align:center}.ekskul-grid,.prestasi-grid{grid-template-columns:1fr}}@media(max-width:576px){.stat-number{font-size:3rem}}