:root{--heading-font: 'Outfit',sans-serif;--body-font: 'Plus Jakarta Sans',sans-serif;--brand-red: #c0392b;--brand-orange: #e8470a;--brand-amber: #f5a623;--brand-light: #ff6b35;--primary-gradient: linear-gradient(135deg,#c0392b 0%,#e8470a 50%,#f5a623 100%);--primary-gradient-rev: linear-gradient(135deg,#f5a623 0%,#e8470a 50%,#c0392b 100%);--hero-gradient: linear-gradient(135deg,#7b1a0e 0%,#c0392b 35%,#e8470a 70%,#f5a623 100%);--accent-gold: #f5a623;--accent-cream: #fff8f3;--accent-deep: #4a0d06;--shadow-sm: 0 2px 4px rgba(192,57,43,0.08);--shadow-md: 0 10px 25px -5px rgba(192,57,43,0.15),0 8px 10px -6px rgba(232,71,10,0.08);--shadow-lg: 0 20px 40px -12px rgba(192,57,43,0.2);--shadow-premium: 0 35px 70px -15px rgba(192,57,43,0.25),0 15px 30px -10px rgba(232,71,10,0.15);--glow-brand: 0 0 40px rgba(232,71,10,0.25);--container-width: 1200px;--border-radius-lg: 24px;--border-radius-xl: 32px;--border-radius-2xl: 40px;--bg-indigo: #1a1a2e;--bg-teal: #00c2a8;--bg-gold: #fbc531;--bg-crimson: #c0392b;--bg-orange: #e8470a;--bg-base: #fffdfa;--bg-surface: rgba(255,255,255,0.7);}.siswa-body,html:has(.siswa-body){height: auto !important;overflow-y: visible !important;overflow-x: hidden !important;scroll-behavior: smooth;background-color: #fde8d8 !important;background-image: none !important;}.siswa-body{font-family: var(--body-font);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-color: #fde8d8 !important;background-image: none !important;margin: 0;padding: 0;min-height: 100vh;color: #1e293b;}.siswa-container{max-width: 1200px;margin: 0 auto !important;padding: 0 40px;width: 100%;display: block;}@media (max-width: 768px){.siswa-container{padding: 0 16px;}}h1,h2,h3,h4,.logo-text,.section-badge{font-family: var(--heading-font) !important;letter-spacing: -0.03em;font-weight: 800;}.siswa-navbar{position: fixed;top: 0;left: 0;right: 0;background: transparent !important;backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);border-bottom: 1px solid transparent;z-index: 1000;transition: all 0.6s cubic-bezier(0.16,1,0.3,1);padding: 10px 0;}.nav-menu{display: flex;align-items: center;gap: 40px;}.nav-container{display: flex;justify-content: space-between;align-items: center;padding-top: 8px;padding-bottom: 8px;height: 60px;}.siswa-navbar.scrolled{background: rgba(255,252,250,0.85) !important;backdrop-filter: blur(8px) saturate(180%);-webkit-backdrop-filter: blur(8px) saturate(180%);box-shadow: 0 15px 35px -5px rgba(192,57,43,0.12),0 5px 15px -5px rgba(0,0,0,0.05);padding: 8px 0;border-bottom: 1px solid rgba(232,71,10,0.1);transform: translateY(12px);margin: 0 auto;width: calc(100% - 40px);max-width: 1200px;border-radius: 20px;left: 0;right: 0;}.siswa-navbar.nav-hidden{transform: translateY(-110%) !important;opacity: 0;pointer-events: none;}.siswa-navbar.scrolled.nav-hidden{transform: translateY(-110%) !important;}@media (max-width: 768px){.siswa-navbar.scrolled{margin: 0;width: 100%;transform: translateY(0);border-radius: 0;}}.siswa-navbar a,.nav-links a,.nav-links a:link,.nav-links a:visited{color: #5c1a10 !important;text-decoration: none !important;border-bottom: none !important;outline: none !important;}.nav-links a::before{display: none !important;}.nav-links a:focus{outline: none !important;box-shadow: none !important;}.siswa-navbar .nav-links{list-style: none;padding: 0;margin: 0;display: flex;gap: 26px;align-items: center;}.nav-links a{color: #5c1a10 !important;font-weight: 600;font-size: 15px;text-decoration: none;position: relative;padding-bottom: 4px;transition: color 0.3s ease;}.nav-links a::after{content: '';position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background: var(--primary-gradient);border-radius: 2px;transition: width 0.35s cubic-bezier(0.23,1,0.32,1);}.nav-links a:hover,.nav-links a.active{color: var(--brand-orange) !important;}.nav-links a:hover::after,.nav-links a.active::after{width: 100%;box-shadow: 0 0 15px rgba(234,88,12,0.4);}.btn-back-premium{display: inline-flex;align-items: center;gap: 12px;color: #e8470a !important;text-decoration: none !important;font-weight: 800;font-size: 13px;background: rgba(255,255,255,0.8);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);padding: 10px 18px 10px 10px;border-radius: 18px;border: 1px solid rgba(255,255,255,0.5);margin-bottom: 30px;transition: all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow: 0 10px 30px rgba(0,0,0,0.05);text-transform: uppercase;letter-spacing: 0.5px;line-height: 1;}.btn-back-premium .back-icon-box{width: 32px;height: 32px;background: linear-gradient(135deg,#e8470a,#ff8c00);color: white;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 14px;box-shadow: 0 5px 15px rgba(232,71,10,0.3);transition: all 0.3s ease;}.btn-back-premium:hover{transform: translateX(-10px);background: white;box-shadow: 0 15px 40px rgba(232,71,10,0.15);}.btn-back-premium.blue{color: #3b82f6 !important;}.btn-back-premium.blue .back-icon-box{background: linear-gradient(135deg,#3b82f6,#2563eb);box-shadow: 0 5px 15px rgba(37,99,235,0.3);}.btn-back-premium.blue:hover{box-shadow: 0 15px 40px rgba(37,99,235,0.15);}.btn-back-premium.green{color: #10b981 !important;}.btn-back-premium.green .back-icon-box{background: linear-gradient(135deg,#10b981,#059669);box-shadow: 0 5px 15px rgba(16,185,129,0.3);}.btn-back-premium.green:hover{box-shadow: 0 15px 40px rgba(16,185,129,0.15);}.btn-back-premium.red{color: #ef4444 !important;}.btn-back-premium.red .back-icon-box{background: linear-gradient(135deg,#ef4444,#dc2626);box-shadow: 0 5px 15px rgba(239,68,68,0.3);}@media (max-width: 768px){.btn-back-premium{padding: 7px 14px 7px 7px !important;font-size: 11px !important;border-radius: 14px !important;margin-bottom: 20px !important;gap: 10px !important;}.btn-back-premium .back-icon-box{width: 26px !important;height: 26px !important;font-size: 11px !important;border-radius: 10px !important;}}.nav-links li a.active::before{content: '';position: absolute;bottom: -2px;left: -5%;width: 110%;height: 45px;background: linear-gradient(to top,rgba(234,88,12,0.4) 0%,rgba(234,88,12,0.15) 40%,transparent 100%);border-radius: 4px;z-index: 0;pointer-events: none;filter: blur(2px);}.nav-links li a{position: relative;z-index: 1;}.school-motto{display: flex;flex-direction: column;line-height: 1.15;margin-left: 15px;}.school-title{font-size: 19px;font-weight: 850;letter-spacing: 0.8px;background: linear-gradient(90deg,#7b1a0e,#c0392b,#e8470a,#f5a623,#7b1a0e);background-size: 300% auto;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;animation: schoolGradient 10s linear infinite;text-transform: uppercase;}.school-values{font-size: 11px;font-weight: 700;color: #7b1a0e;letter-spacing: 0.3px;opacity: 0.95;}@keyframes schoolGradient{0%{background-position: 0% center;}100%{background-position: 300% center;}}.btn-logout-siswa,.siswa-navbar .btn-logout-siswa{background: var(--primary-gradient);color: white !important;font-family: var(--heading-font);font-size: 14px;font-weight: 700;border: none;border-radius: 50px;padding: 10px 26px;cursor: pointer;transition: all 0.4s cubic-bezier(0.23,1,0.32,1);box-shadow: 0 6px 20px -4px rgba(232,71,10,0.4);letter-spacing: 0.01em;}.btn-logout-siswa:hover{transform: translateY(-2px) scale(1.04);box-shadow: 0 12px 30px -6px rgba(192,57,43,0.5);filter: brightness(1.05);}@keyframes auroraShift{0%{background-position: 0% 50%;}50%{background-position: 100% 50%;}100%{background-position: 0% 50%;}}@keyframes blobFloat1{0%{transform: translate(0,0) scale(1);}33%{transform: translate(80px,-60px) scale(1.15);}66%{transform: translate(-40px,80px) scale(0.95);}100%{transform: translate(0,0) scale(1);}}@keyframes blobFloat2{0%{transform: translate(0,0) scale(1);}33%{transform: translate(-80px,60px) scale(1.1);}66%{transform: translate(50px,-80px) scale(1.2);}100%{transform: translate(0,0) scale(1);}}100%{transform: translate(0,0) scale(1.1);}}.premium-modern-bg{position: fixed;inset: 0;width: 100%;height: 100%;z-index: -1;background: #fde8d8 !important;}.scroll-reveal{opacity: 0;transition: transform 1s cubic-bezier(0.16,1,0.3,1),opacity 1s cubic-bezier(0.16,1,0.3,1);}.reveal-up{transform: translateY(40px);}.reveal-down{transform: translateY(-40px);}.reveal-left{transform: translateX(-40px);}.reveal-right{transform: translateX(40px);}.reveal-scale{transform: scale(0.92);}.scroll-reveal.active{opacity: 1 !important;transform: translate(0,0) scale(1) !important;}.stagger-1{transition-delay: 0.1s;}.stagger-2{transition-delay: 0.2s;}.stagger-3{transition-delay: 0.3s;}.stagger-4{transition-delay: 0.4s;}.stagger-5{transition-delay: 0.5s;}.stagger-6{transition-delay: 0.6s;}.stagger-7{transition-delay: 0.7s;}.stagger-8{transition-delay: 0.8s;}.stagger-9{transition-delay: 0.9s;}.stagger-10{transition-delay: 1.0s;}.stagger-11{transition-delay: 1.1s;}.stagger-12{transition-delay: 1.2s;}.reveal-bounce.active{transition: all 1.4s cubic-bezier(0.34,1.56,0.64,1);}h1,h2,h3{font-weight: 800;}.gradient-title{background: var(--hero-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: block;line-height: 1.15;letter-spacing: -0.03em;}main{margin-left: 0 !important;padding: 0 !important;height: auto !important;overflow: visible !important;}.premium-ambient-section{position: relative;overflow: hidden;z-index: 1;}.premium-ambient-section::before{content: '';position: absolute;top: -250px;left: -250px;width: 700px;height: 700px;background: radial-gradient(circle at center,rgba(192,57,43,0.07) 0%,rgba(232,71,10,0.03) 50%,transparent 100%);border-radius: 50%;z-index: -1;filter: blur(15px);animation: pulse-blob 20s infinite alternate ease-in-out;pointer-events: none;}.premium-ambient-section::after{content: '';position: absolute;bottom: -400px;right: -400px;width: 1000px;height: 1000px;background: radial-gradient(circle at center,rgba(245,166,35,0.08) 0%,rgba(232,71,10,0.03) 50%,transparent 100%);border-radius: 50%;z-index: -1;filter: blur(20px);animation: pulse-blob 25s infinite alternate-reverse ease-in-out;pointer-events: none;}@keyframes pulse-blob{0%{transform: translate(0,0) scale(1) rotate(0deg);}100%{transform: translate(100px,50px) scale(1.2) rotate(15deg);}}@keyframes floatGlow{0%{transform: translateY(0) scale(1);opacity: 0.3;}100%{transform: translateY(-30px) scale(1.1);opacity: 0.5;}}.btn-see-all{display: inline-flex;align-items: center;gap: 12px;color: #ffffff !important;font-weight: 700;text-decoration: none;font-size: 15px;padding: 14px 40px;border-radius: 50px;background: linear-gradient(135deg,#e8470a 0%,#ff6b3d 100%);box-shadow: 0 10px 25px rgba(232,71,10,0.25);transition: all 0.4s cubic-bezier(0.16,1,0.3,1);border: none;cursor: pointer;position: relative;overflow: hidden;z-index: 1;}.btn-see-all::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg,#ff6b3d 0%,#e8470a 100%);opacity: 0;transition: opacity 0.4s ease;z-index: -1;}.btn-see-all:hover{transform: translateY(-5px);box-shadow: 0 15px 35px rgba(232,71,10,0.35);color: white !important;}.btn-see-all:hover::before{opacity: 1;}.btn-see-all i{transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);}.btn-see-all:hover i{transform: translateX(5px);}.btn-see-all:active{transform: translateY(-2px);}.section-header{text-align: center;margin-bottom: 80px;max-width: 800px;margin-left: auto;margin-right: auto;}.section-header h2{font-size: clamp(32px,5vw,48px);background: var(--hero-gradient);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-top: 0;margin-bottom: 12px;}.section-header p{font-size: 18px;color: #7c3422;line-height: 1.6;}.section-badge{display: inline-flex;align-items: center;gap: 10px;padding: 10px 24px;background: #fff1e6;color: var(--brand-orange);border-radius: 100px;font-size: 13px;font-weight: 800;letter-spacing: 0.15em;margin-bottom: 20px;text-transform: uppercase;border: 1.5px solid #ffccbc;box-shadow: 0 4px 12px rgba(232,71,10,0.08);line-height: 1;backdrop-filter: blur(10px);}.premium-label{display: inline-block;padding: 6px 16px;background: rgba(232,71,10,0.08);color: var(--brand-orange);border-radius: 50px;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.08em;border: 1px solid rgba(232,71,10,0.12);line-height: 1;}.premium-card{background: rgba(255,255,255,0.7);backdrop-filter: blur(10px) saturate(200%);-webkit-backdrop-filter: blur(10px) saturate(200%);border: 1px solid rgba(255,255,255,0.3);border-radius: 32px;padding: 25px 20px;transition: transform 0.1s ease-out,box-shadow 0.4s ease,background 0.4s ease,border-color 0.4s ease;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0;box-shadow: 0 10px 40px -15px rgba(0,0,0,0.05),inset 0 0 20px rgba(255,255,255,0.3);position: relative;overflow: hidden;z-index: 2;text-decoration: none;color: inherit;min-height: auto;justify-content: center;transform-style: preserve-3d;perspective: 1000px;will-change: transform;background-image: radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(var(--accent-rgb),0.1) 0%,transparent 80%);}.card-index{display: none;}.premium-card:hover .card-index{transform: scale(1.1) rotate(5deg);box-shadow: 0 8px 15px rgba(var(--accent-rgb),0.4);}.card-header{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 15px;margin-bottom: 0;width: 100%;transition: all 0.5s cubic-bezier(0.16,1,0.3,1);}.premium-card:hover .card-header{transform: translateY(-10px);}.card-body{display: flex;flex-direction: column;width: 100%;}.premium-card h3{font-size: 22px;font-weight: 900;color: var(--accent-color,#1a0504) !important;filter: brightness(0.8);margin: 0 !important;padding: 0 !important;letter-spacing: -0.02em;line-height: 1.2 !important;transition: all 0.5s ease;display: block;}.premium-card:hover h3{filter: brightness(1);transform: scale(1.05);}.premium-card p{color: #5c4542;font-size: 14.5px;line-height: 1.6;margin-top: 15px;margin-bottom: 0;opacity: 0;max-height: 0;overflow: hidden;font-weight: 500;transition: all 0.5s cubic-bezier(0.16,1,0.3,1);transform: translateY(10px);}.premium-card:hover p{color: #4a0d06;opacity: 0.8;max-height: 100px;transform: translateY(0);margin-bottom: 20px;}.premium-card:hover{transform: translateY(-10px);background: rgba(255,255,255,0.96) !important;border-color: rgba(var(--accent-rgb),0.5) !important;box-shadow: 0 45px 90px -25px rgba(var(--accent-rgb),0.3),0 20px 40px -20px rgba(0,0,0,0.1),inset 0 0 0 1px rgba(var(--accent-rgb),0.2);}.premium-card::before{content: '';position: absolute;inset: 0;background: radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(var(--accent-rgb),0.2),transparent 40%);opacity: 0;transition: opacity 0.5s ease;z-index: -1;pointer-events: none;}.premium-card:hover::before{opacity: 1;}.premium-card::after{content: '';position: absolute;top: -100%;left: -100%;width: 300%;height: 300%;background: linear-gradient(135deg,transparent 40%,rgba(255,255,255,0.4) 50%,transparent 60%);transition: none;pointer-events: none;z-index: 3;opacity: 0;transform: rotate(25deg);}.premium-card:hover::after{animation: shimmerSlide 3.5s infinite;opacity: 0.15;}@keyframes shimmerSlide{0%{transform: translate(-30%,-30%) rotate(25deg);}100%{transform: translate(30%,30%) rotate(25deg);}}.premium-card::after{content: '';position: absolute;inset: -2px;background: linear-gradient(135deg,var(--accent-color),rgba(var(--accent-rgb),0.5));border-radius: inherit;opacity: 0;transition: opacity 0.4s ease;z-index: -1;filter: blur(8px);}.premium-card:hover::after{opacity: 0.25;}@keyframes borderGlow{from{background-position: 200% 0;}to{background-position: -200% 0;}}.premium-card:hover::before{opacity: 0.05;}.card-bg-blob{position: absolute;bottom: -40px;right: -40px;width: 160px;height: 160px;background: radial-gradient(circle,rgba(var(--accent-rgb),0.35) 0%,transparent 70%);border-radius: 50%;filter: blur(35px);opacity: 0.06;z-index: -1;}@keyframes blobPulse{0%{transform: scale(1) translate(0,0);opacity: 0.15;}100%{transform: scale(1.3) translate(-20px,-20px);opacity: 0.25;}}.feature-icon{width: 80px;height: 80px;background: linear-gradient(135deg,var(--accent-color) 0%,rgba(var(--accent-rgb),0.8) 100%);border-radius: 22px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: 0 10px 20px -5px rgba(var(--accent-rgb),0.4);color: white;position: relative;z-index: 2;transition: all 0.4s ease;}.premium-card:hover .feature-icon{transform: scale(1.1);}.feature-icon::after{content: '';position: absolute;inset: 0;border-radius: 18px;background: linear-gradient(to bottom,rgba(255,255,255,0.25) 0%,transparent 100%);z-index: 1;pointer-events: none;}.feature-icon i{font-size: 34px;color: white;line-height: 1;display: block;z-index: 3;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));}.premium-card:hover .feature-icon{transform: scale(1.1) rotate(-5deg);box-shadow: 0 15px 35px -5px rgba(var(--accent-rgb,232,71,10),0.55);}.feature-link{font-size: 13px;font-weight: 800;color: var(--accent-color);display: inline-flex;align-items: center;gap: 8px;transition: all 0.5s ease;background: rgba(var(--accent-rgb),0.08);padding: 10px 20px;border-radius: 12px;opacity: 0;transform: translateY(10px);}.premium-card:hover .feature-link{background: var(--accent-color);color: #ffffff !important;opacity: 1;transform: translateY(0);}.feature-link i{transition: transform 0.4s ease;}.premium-card:hover .feature-link i{transform: translateX(3px);}.static-hero{width: 100%;height: 100%;position: relative;}.hero-image-item-static{width: 100%;height: 100%;display: block;object-fit: cover;}.default-hero{width: 100%;aspect-ratio: 10 / 3;min-height: 300px;background: var(--hero-gradient);display: flex;align-items: center;justify-content: center;position: relative;}.default-hero-icon{opacity: 0.12;transform: scale(8);color: white;}.default-hero-text{position: absolute;z-index: 2;text-align: center;color: white;}.default-hero-text h4{font-weight: 800;margin-bottom: 5px;}.wave-divider{position: absolute;bottom: -1px;left: 0;width: 100%;overflow: hidden;line-height: 0;}.wave-divider svg{position: relative;display: block;width: calc(100% + 1.3px);height: 100px;}.wave-divider .shape-fill{fill: transparent;}.hero-slider-wrapper{position: relative;border-radius: var(--border-radius-xl);overflow: hidden;box-shadow: var(--shadow-premium);z-index: 5;}.hero-image-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.5s cubic-bezier(0.16,1,0.3,1);}.swiper-slide-active .hero-image-item img{animation: kenBurns 30s ease-in-out infinite alternate;}@keyframes kenBurns{0%{transform: scale(1) translate(0,0);}100%{transform: scale(1.2) translate(-3%,-2%);}}.swiper-progress-bar{position: absolute;top: 0;left: 0;height: 3px;background: linear-gradient(90deg,#c0392b,#e8470a,#f5a623,#e8470a,#c0392b);background-size: 200% 100%;z-index: 100;width: 0%;transition: width 0.1s linear;box-shadow: 0 0 10px rgba(232,71,10,0.4);animation: shimmer 3s linear infinite;}@keyframes shimmer{0%{background-position: 200% 0;}100%{background-position: -200% 0;}}.hero-ui-overlay{position: absolute;inset: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.75) 100%);z-index: 5;pointer-events: none;}.ui-overlay-static{background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 65%,rgba(253,232,216,0.5) 99.2%,#fde8d8 100%);}.swiper-pagination{bottom: 30px !important;z-index: 30 !important;}@media (min-width: 1025px){.swiper-pagination{bottom: 40px !important;}}@media (max-width: 1024px){.swiper-pagination{bottom: 35px !important;}}.swiper-pagination-bullet{width: 10px;height: 10px;background: rgba(255,255,255,1) !important;opacity: 0.4 !important;margin: 0 6px !important;border-radius: 50%;transition: all 0.4s ease;flex-shrink: 0;}.swiper-pagination-bullet-active{width: 10px !important;height: 10px;opacity: 1 !important;background: #fff !important;border-radius: 50% !important;}.swiper-button-next,.swiper-button-prev{width: 54px;height: 54px;background: rgba(255,255,255,0.15);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-radius: 50% !important;color: white !important;transition: all 0.4s ease;border: 1px solid rgba(255,255,255,0.3);display: flex !important;align-items: center;justify-content: center;aspect-ratio: 1 / 1 !important;}.swiper-button-next:after,.swiper-button-prev:after{font-size: 20px;font-weight: 900;}.swiper-button-next:hover,.swiper-button-prev:hover{background: rgba(232,71,10,0.4);transform: scale(1.1);border-color: rgba(245,166,35,0.5);box-shadow: 0 0 20px rgba(232,71,10,0.3);}.premium-footer{background: linear-gradient(135deg,rgba(62,10,5,0.96) 0%,rgba(146,28,18,0.94) 50%,rgba(192,57,43,0.9) 100%) !important;backdrop-filter: blur(40px) saturate(200%);-webkit-backdrop-filter: blur(40px) saturate(200%);color: #ffffff;padding: 40px 0 0;position: relative;z-index: 20;overflow: hidden;border-top: 1px solid rgba(255,255,255,0.05);}.premium-footer::before{content: '';position: absolute;top: -150px;right: -100px;width: 600px;height: 600px;background: radial-gradient(circle,rgba(245,166,35,0.22) 0%,transparent 70%);filter: blur(100px);z-index: -1;pointer-events: none;}.premium-footer::after{content: '';position: absolute;bottom: -150px;left: -100px;width: 600px;height: 600px;background: radial-gradient(circle,rgba(255,107,53,0.18) 0%,transparent 70%);filter: blur(100px);z-index: -1;pointer-events: none;}.footer-noise{position: absolute;inset: 0;z-index: -2;opacity: 0.15;pointer-events: none;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode: overlay;}.footer-divider-glow{position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: linear-gradient(90deg,transparent 0%,rgba(245,166,35,0.6) 15%,#f5a623 50%,rgba(245,166,35,0.6) 85%,transparent 100%);box-shadow: 0 0 40px rgba(245,166,35,1),0 0 80px rgba(245,166,35,0.5),0 0 120px rgba(245,166,35,0.2);z-index: 100;opacity: 0.9;}.premium-footer::before{content: '';position: absolute;top: -150px;right: -100px;width: 600px;height: 600px;background: radial-gradient(circle,rgba(245,166,35,0.22) 0%,transparent 70%);filter: blur(100px);z-index: -1;pointer-events: none;}.footer-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 40px;margin-bottom: 40px;}.footer-links{list-style: none;padding: 0;margin: 0;}.footer-title{color: white !important;font-family: var(--heading-font);font-weight: 700;font-size: 18px !important;margin-bottom: 15px !important;list-style: none;}.footer-links li a{color: rgba(255,255,255,0.85);text-decoration: none;font-size: 15px;transition: all 0.3s ease;display: block;margin-bottom: 8px;font-weight: 500;}.footer-links li a:hover{color: #f5a623 !important;transform: translateX(8px);text-shadow: 0 0 15px rgba(245,166,35,0.4);}.footer-map-mini{border-radius: 16px;overflow: hidden;height: 160px;border: 1px solid rgba(232,71,10,0.2);box-shadow: 0 10px 30px rgba(0,0,0,0.3);}.footer-map-mini iframe{width: 100% !important;height: 100% !important;border: 0 !important;}.footer-contact{font-size: 14px;line-height: 1.6;display: flex;gap: 10px;margin-top: 15px;}.footer-links li i,.footer-contact i{color: #f5a623;margin-top: 3px;margin-right: 12px;font-size: 18px;filter: drop-shadow(0 0 10px rgba(245,166,35,0.6));}.footer-placeholder{color: rgba(255,255,255,0.45);font-size: 14px;font-style: italic;list-style: none;}.footer-bottom-container{width: 100%;margin-top: 50px;padding: 0;position: relative;z-index: 10;}.footer-bottom{display: flex;align-items: center;justify-content: center;padding: 18px 20px;background: linear-gradient(90deg,#3d0e07 0%,#600000 50%,#3d0e07 100%) !important;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-top: 1px solid rgba(255,255,255,0.1);border-radius: 0;color: rgba(255,255,255,0.9);font-size: 13px;font-weight: 600;width: 100%;transition: all 0.4s ease;letter-spacing: 0.05em;text-shadow: 0 1px 2px rgba(0,0,0,0.5);}.footer-bottom:hover{background: rgba(255,255,255,0.15);transform: translateY(-8px) scale(1.02);border-color: rgba(245,166,35,0.5);box-shadow: 0 30px 70px rgba(0,0,0,0.6);color: #ffffff;}@media (max-width: 1024px){.hero-image-item{min-height: 250px;max-height: 320px;}.swiper-pagination{bottom: 15px !important;}}@media (max-width: 768px){.hero-full-width{padding-top: 80px !important;padding-left: 0 !important;padding-right: 0 !important;}.premium-hero{padding-top: 20px !important;}.hero-title-premium{margin-bottom: 2px !important;font-size: clamp(24px,9vw,32px) !important;line-height: 1.1;}.hero-subtitle-premium{font-size: 12px !important;margin-bottom: 10px !important;line-height: 1.5 !important;padding: 0 20px !important;}.heroSwiper,.static-hero{height: auto !important;aspect-ratio: 4 / 2.5 !important;border-radius: 0 !important;}.swiper-button-next,.swiper-button-prev{width: 36px !important;height: 36px !important;display: flex !important;}.swiper-button-next:after,.swiper-button-prev:after{font-size: 14px !important;}.hero-ui-overlay{height: 100% !important;top: 0 !important;bottom: 0 !important;background: linear-gradient(to bottom,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.4) 65%,rgba(0,0,0,0.2) 94%,rgba(253,232,216,0.5) 99.2%,#fde8d8 100%) !important;}.swiper-pagination{bottom: 30px !important;}.floating-info-card{margin-top: -60px !important;}.footer-section{text-align: center !important;width: 100% !important;}.footer-title{text-align: center !important;width: 100% !important;display: block !important;margin-left: 0 !important;margin-right: 0 !important;}.footer-grid{text-align: center !important;grid-template-columns: 1fr !important;gap: 45px !important;}.footer-links{display: flex !important;flex-direction: column !important;align-items: center !important;text-align: left !important;margin: 0 auto !important;width: 100% !important;}.footer-links li:not(.footer-title){width: 100% !important;max-width: 250px !important;}.footer-links li a,.footer-links li.footer-contact{display: flex !important;align-items: flex-start !important;justify-content: flex-start !important;text-align: left !important;margin-bottom: 12px;width: 100% !important;}.footer-links li a i,.footer-links li a svg,.footer-contact i{width: 22px !important;min-width: 22px !important;margin-right: 12px !important;margin-top: 4px !important;display: inline-flex !important;align-items: center;justify-content: center;flex-shrink: 0;}.footer-links li a svg{width: 16px !important;min-width: 16px !important;}.footer-links li a:hover{transform: scale(1.05) !important;}.footer-map-mini{margin: 0 auto 20px !important;display: block !important;width: 100% !important;max-width: 320px !important;}}@media (max-width: 480px){.hero-full-width{padding-top: 75px !important;}.premium-hero{padding-top: 15px !important;}.heroSwiper,.static-hero{height: auto !important;aspect-ratio: 4 / 2.8 !important;border-radius: 0 !important;}.hero-title-premium{font-size: 24px !important;}.hero-subtitle-premium{font-size: 11px !important;}.floating-info-card{margin-top: -70px !important;padding: 20px !important;}.swiper-button-next,.swiper-button-prev{width: 30px !important;height: 30px !important;}}.scroll-reveal{opacity: 0;transform: translateY(30px);transition: all 0.8s cubic-bezier(0.2,1,0.3,1);}.scroll-reveal.active{opacity: 1;transform: translateY(0);}.scroll-parallax{will-change: transform;transition: transform 0.1s linear;}.delay-1{transition-delay: 0.1s !important;}.delay-2{transition-delay: 0.2s !important;}.delay-3{transition-delay: 0.3s !important;}.delay-4{transition-delay: 0.4s !important;}.delay-5{transition-delay: 0.5s !important;}.delay-6{transition-delay: 0.6s !important;}.delay-7{transition-delay: 0.7s !important;}.delay-8{transition-delay: 0.8s !important;}.delay-9{transition-delay: 0.9s !important;}.delay-10{transition-delay: 1.0s !important;}.premium-modern-bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fdfcfb;z-index: -1;overflow: hidden;}.ambient-blob{position: absolute;border-radius: 50%;filter: blur(120px);opacity: 0.15;z-index: 1;mix-blend-mode: multiply;}.blob-1{top: -10%;right: -10%;width: 60vw;height: 60vw;background: radial-gradient(circle,rgba(192,57,43,0.2) 0%,rgba(192,57,43,0) 70%);animation: flow 20s infinite alternate;}.blob-2{bottom: -15%;left: -10%;width: 70vw;height: 70vw;background: radial-gradient(circle,rgba(232,71,10,0.15) 0%,rgba(232,71,10,0) 70%);animation: flow 25s infinite alternate-reverse;}.blob-3{top: 20%;left: 10%;width: 40vw;height: 40vw;background: radial-gradient(circle,rgba(245,166,35,0.1) 0%,rgba(245,166,35,0) 70%);opacity: 0.08;}@keyframes flow{0%{transform: translate(0,0) rotate(0deg) scale(1);}100%{transform: translate(5%,5%) rotate(10deg) scale(1.1);}}.premium-modern-bg::after{content: "";position: absolute;inset: 0;z-index: 2;opacity: 0.25;pointer-events: none;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");}.premium-hero{position: relative;padding: 30px 0 15px;background: transparent;text-align: center;overflow: visible;z-index: 5;}.hero-content{max-width: 900px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: 0;position: relative;z-index: 50;}.hero-badge{display: inline-flex;align-items: center;gap: 10px;padding: 10px 24px;background: #fff1e6;color: var(--brand-orange);border: 1.5px solid #ffccbc;border-radius: 100px;font-size: 13px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.15em;margin-bottom: 30px;backdrop-filter: blur(10px);box-shadow: 0 4px 12px rgba(232,71,10,0.08);line-height: 1;}.hero-title{font-size: clamp(32px,5vw,48px);font-weight: 950;line-height: 1.1;margin-bottom: 5px;letter-spacing: -0.04em;background: linear-gradient(135deg,#7b1a0e 0%,#c0392b 40%,#e8470a 100%) !important;background-clip: text !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;color: transparent !important;display: block;}.hero-subtitle-premium{font-size: clamp(14px,2vw,18px);font-weight: 500;color: rgba(255,255,255,0.9) !important;line-height: 1.6;max-width: 800px;margin: 0 auto;letter-spacing: -0.01em;text-shadow: 0 2px 10px rgba(0,0,0,0.5);opacity: 1;}.floating-info-card{padding: 40px;border-radius: 20px;background: white;box-shadow: var(--shadow-premium);margin-bottom: 60px;margin-top: -80px;position: relative;z-index: 20;transition: all 0.4s ease;}.hero-text-overlay{position: absolute;inset: 0;z-index: 10;display: flex;align-items: center;justify-content: center;text-align: center;pointer-events: none;}.hero-overlay-content{padding: 0 40px;width: 100%;}.rekomendasi-layout{position: relative;z-index: 10;padding: 0 0 100px;}.news-date-label{color: var(--brand-orange) !important;}.siswa-hamburger{display: none;background: none;border: none;font-size: 22px;color: var(--brand-orange);cursor: pointer;padding: 6px;border-radius: 8px;transition: background 0.3s;}.siswa-hamburger:hover{background: rgba(232,71,10,0.08);}@media (max-width: 768px){.siswa-hamburger{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #e67e22;border: none;color: white;font-size: 18px;border-radius: 50%;box-shadow: 0 4px 10px rgba(230,126,34,0.25);z-index: 1100;}.nav-menu{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(255,252,250,0.96);backdrop-filter: blur(30px) saturate(200%);-webkit-backdrop-filter: blur(30px) saturate(200%);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 40px;padding: 100px 30px;z-index: 1050;opacity: 0;visibility: hidden;transform: translateY(-20px) scale(0.98);transition: all 0.5s cubic-bezier(0.16,1,0.3,1);pointer-events: none;}.nav-menu.active{opacity: 1;visibility: visible;transform: translateY(0) scale(1);pointer-events: auto;}.nav-links{flex-direction: column !important;gap: 25px !important;width: 100%;text-align: center;}.nav-links li{width: 100%;opacity: 0;transform: translateY(10px);transition: all 0.4s ease;}.nav-menu.active .nav-links li{opacity: 1;transform: translateY(0);}.nav-menu.active .nav-links li:nth-child(1){transition-delay: 0.1s;}.nav-menu.active .nav-links li:nth-child(2){transition-delay: 0.15s;}.nav-menu.active .nav-links li:nth-child(3){transition-delay: 0.2s;}.nav-menu.active .nav-links li:nth-child(4){transition-delay: 0.25s;}.nav-menu.active .nav-links li:nth-child(5){transition-delay: 0.3s;}.nav-links a{font-size: 24px !important;font-weight: 800 !important;color: #1a0504 !important;letter-spacing: -0.02em;}.nav-links a:hover,.nav-links a.active{color: var(--brand-orange) !important;-webkit-text-fill-color: var(--brand-orange) !important;background: transparent !important;background-clip: unset !important;-webkit-background-clip: unset !important;}.nav-actions{width: 100%;display: flex;justify-content: center;opacity: 0;transform: translateY(10px);transition: all 0.4s ease 0.4s;}.nav-menu.active .nav-actions{opacity: 1;transform: translateY(0);}.btn-logout-siswa{width: 100%;max-width: 280px;padding: 16px 30px !important;font-size: 16px !important;}.school-motto{display: flex !important;margin-left: 8px !important;gap: 2px !important;}.school-title{font-size: 14px !important;letter-spacing: 0.3px !important;margin-bottom: 0 !important;}.school-values{display: block !important;font-size: 9px !important;white-space: nowrap !important;}.premium-footer{margin-top: 0px !important;}}.mitra-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;padding-top: 20px;}@media (max-width: 1200px){.mitra-grid{grid-template-columns: repeat(3,1fr);gap: 24px;}}@media (max-width: 850px){.mitra-grid{grid-template-columns: repeat(2,1fr);gap: 20px;}}@media (max-width: 550px){.mitra-grid{grid-template-columns: repeat(2,1fr);gap: 12px;}}.partner-card-premium{background: rgba(255,255,255,0.4);backdrop-filter: blur(25px) saturate(160%);-webkit-backdrop-filter: blur(25px) saturate(160%);border: 1px solid rgba(255,255,255,0.5);border-radius: 40px;padding: 35px 25px;text-align: center;transition: box-shadow 0.6s ease,border-color 0.6s ease;position: relative;overflow: visible;display: flex;flex-direction: column;align-items: center;gap: 20px;box-shadow: 0 8px 32px -8px rgba(192,57,43,0.08),inset 0 0 0 1px rgba(255,255,255,0.3);height: 100%;will-change: transform;cursor: pointer;z-index: 2;}.partner-card-premium::after{content: '';position: absolute;inset: -5px;background: linear-gradient(135deg,var(--brand-red),var(--brand-orange),var(--brand-amber));border-radius: 45px;z-index: -1;opacity: 0;filter: blur(25px);transition: all 0.6s cubic-bezier(0.16,1,0.3,1);transform: scale(0.9);}.partner-card-premium::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,rgba(232,71,10,0.08) 0%,transparent 100%);opacity: 0;transition: opacity 0.4s ease;}.partner-card-premium:hover{transform: translateY(-12px);background: rgba(255,255,255,0.85);border-color: rgba(232,71,10,0.4);box-shadow: 0 40px 80px -20px rgba(192,57,43,0.25),0 0 0 6px rgba(232,71,10,0.04);}.partner-card-premium:hover::after{opacity: 0.18;transform: scale(1.05);}.partner-logo-container{width: 90px;height: 90px;border-radius: 30px;background: #ffffff;display: flex;align-items: center;justify-content: center;padding: 10px;overflow: hidden;box-shadow: 0 12px 30px -5px rgba(192,57,43,0.08),inset 0 0 0 1px rgba(232,71,10,0.04);transition: all 0.5s cubic-bezier(0.16,1,0.3,1);z-index: 2;position: relative;}.partner-card-premium:hover .partner-logo-container{transform: scale(1.1) rotate(-3deg);background: white;box-shadow: 0 20px 40px -10px rgba(232,71,10,0.15);}@media (max-width: 768px){.partner-card-premium{padding: 20px 15px;border-radius: 24px;gap: 12px;}.partner-logo-container{width: 60px;height: 60px;border-radius: 18px;padding: 12px;}.partner-name-main{font-size: 14px !important;margin-bottom: 2px !important;}.partner-bidang-tag{font-size: 9px !important;padding: 4px 10px !important;}.partner-card-premium::after{border-radius: 28px;}}.partner-logo-container img{width: 100%;height: 100%;object-fit: contain;filter: drop-shadow(0 4px 8px rgba(0,0,0,0.06));}.partner-name-main{font-size: 20px;font-weight: 900;background: linear-gradient(135deg,#7b1a0e 0%,#c0392b 60%,#e8470a 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: -0.02em;margin-bottom: 8px;line-height: 1.2;}.partner-bidang-tag{font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.1em;padding: 8px 18px;background: rgba(232,71,10,0.06);color: #e8470a;border-radius: 100px;border: 1px solid rgba(232,71,10,0.12);transition: all 0.3s ease;}.partner-card-premium:hover .partner-bidang-tag{background: var(--primary-gradient);color: white;border-color: transparent;box-shadow: 0 8px 20px -4px rgba(232,71,10,0.3);}.partner-fallback-logo{font-size: 36px;font-weight: 900;color: #e8470a;}.premium-modal-hub{width: 100%;max-width: 650px !important;max-height: 90vh !important;border-radius: 40px !important;padding: 0 !important;border: 1px solid rgba(255,255,255,0.4);box-shadow: 0 50px 120px -20px rgba(0,0,0,0.25) !important;overflow: hidden !important;background: white !important;}.hub-close-btn{position: absolute;top: 25px;right: 25px;background: white;border: none;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;color: #e8470a;transition: all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);z-index: 100;font-size: 18px;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 8px 25px rgba(0,0,0,0.15);}.hub-close-btn:hover{background: #e8470a;color: white;transform: rotate(90deg) scale(1.1);box-shadow: 0 12px 30px rgba(232,71,10,0.3);}.hub-modal-scroller{width: 100%;max-height: 90vh;overflow-y: auto;overflow-x: hidden;}.hub-modal-scroller::-webkit-scrollbar{width: 7px;}.hub-modal-scroller::-webkit-scrollbar-thumb{background: rgba(232,71,10,0.25);border-radius: 10px;}.hub-modal-scroller::-webkit-scrollbar-track{background: transparent;}.hub-modal-header{height: 200px;flex-shrink: 0;position: relative;width: 100%;z-index: 1;background: linear-gradient(135deg,#ff8c00 0%,#e8470a 100%);clip-path: ellipse(140% 100% at 50% 0%);}.hub-modal-header-curve{display: none;}.logo-overlap-box{display: flex;justify-content: center;margin-top: -70px;margin-bottom: 0px;position: relative;z-index: 20;}.modal-cover-bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;filter: brightness(0.65);transition: filter 0.5s ease;transform: none;z-index: 1;}.modal-cover-bg.is-blurred{filter: blur(40px) brightness(0.6) saturate(1.5);transform: scale(1.2);}.modal-cover-overlay{position: absolute;inset: 0;background: linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 100%);z-index: 2;}.hub-modal-logo{width: 140px;height: 140px;background: white;border-radius: 32px;padding: 5px;box-shadow: 0 15px 40px rgba(0,0,0,0.1),0 0 0 8px rgba(255,255,255,1);display: flex;align-items: center;justify-content: center;border: none;box-sizing: border-box;overflow: hidden;}.hub-modal-logo img{width: 100%;height: 100%;object-fit: contain;}.hub-modal-body{padding: 45px 35px 30px;text-align: center;background: white;position: relative;z-index: 5;}.partner-bidang-tag-lg{display: inline-block;padding: 8px 22px;background: rgba(232,71,10,0.08);color: #c0392b;border-radius: 50px;font-size: 13px;font-weight: 850;text-transform: uppercase;letter-spacing: 0.12em;margin-bottom: 10px;border: 1px solid rgba(232,71,10,0.15);}.hub-contact-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 15px;margin-top: 10px;text-align: left;}.hub-contact-item{background: rgba(255,255,255,0.6);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);padding: 16px 20px;border-radius: 24px;border: 1px solid rgba(232,71,10,0.25);display: flex;flex-direction: column;gap: 8px;transition: all 0.4s cubic-bezier(0.16,1,0.3,1);box-shadow: 0 4px 15px rgba(0,0,0,0.02);}.hub-contact-item:hover{transform: translateY(-5px);background: white;border-color: rgba(232,71,10,0.3);box-shadow: 0 15px 30px rgba(192,57,43,0.12);}.hub-contact-item label{font-size: 11px;font-weight: 850;color: #c0392b;text-transform: uppercase;letter-spacing: 0.1em;display: flex;align-items: center;gap: 10px;margin-bottom: 2px;}.hub-contact-item .icon-circle{width: 28px;height: 28px;background: rgba(192,57,43,0.1);color: #c0392b;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 11px;transition: all 0.3s ease;}.hub-contact-item:hover .icon-circle{background: var(--primary-gradient);color: white;transform: rotate(15deg);}.hub-contact-item span,.hub-contact-item a{font-size: 14px;font-weight: 700;color: #1e293b;text-decoration: none;display: block;word-break: break-all;}.hub-description-box{font-size: 14px;line-height: 1.7;color: #334155;background: #fffcf9;padding: 24px;border-radius: 24px;border: 1px solid rgba(232,71,10,0.25);position: relative;overflow: hidden;}.btn-premium-orange{width: 100%;border-radius: 20px;text-decoration: none;display: flex;align-items: center;justify-content: center;gap: 12px;font-weight: 800;padding: 18px;background: rgba(232,71,10,0.05);color: #e8470a;border: 2px solid rgba(232,71,10,0.15);transition: all 0.4s cubic-bezier(0.16,1,0.3,1);cursor: pointer;}.btn-premium-orange:hover{background: var(--primary-gradient);color: white !important;border-color: transparent;transform: translateY(-4px);box-shadow: 0 15px 30px rgba(232,71,10,0.3);}.btn-premium-blue{display: inline-flex;align-items: center;gap: 12px;padding: 18px 45px;background: linear-gradient(135deg,#c0392b 0%,#e8470a 60%,#f5a623 100%);color: white;border-radius: 100px;text-decoration: none;font-size: 18px;font-weight: 800;transition: all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow: 0 10px 25px rgba(192,57,43,0.3);border: none;cursor: pointer;}.btn-premium-blue:hover{transform: translateY(-5px) scale(1.02);box-shadow: 0 20px 35px rgba(192,57,43,0.4);color: white;}.btn-premium-blue i{font-size: 1.1em;transition: 0.4s;}.btn-premium-blue:hover i{transform: rotate(90deg);}.btn-premium-outline{display: inline-flex;align-items: center;gap: 12px;padding: 17px 44px;background: white;border: 2px solid rgba(232,71,10,0.3);color: #e8470a;border-radius: 100px;text-decoration: none;font-size: 18px;font-weight: 850;transition: all 0.5s cubic-bezier(0.19,1,0.22,1);cursor: pointer;box-shadow: 0 4px 15px rgba(232,71,10,0.05);}.btn-premium-outline:hover{border-color: #e8470a;color: #e8470a;background: rgba(232,71,10,0.05);transform: translateY(-5px);box-shadow: 0 15px 30px rgba(232,71,10,0.12);}.btn-premium-outline i{transition: 0.4s;}.btn-premium-outline:hover i{transform: rotate(-180deg);}.mitra-hidden{display: none !important;}.d-none{display: none !important;}.mitra-more{display: flex;justify-content: center;gap: 20px;margin-top: 20px;padding-bottom: 40px;}.search-container{max-width: 480px;margin: 0 auto;position: relative;z-index: 100;}.search-input-wrapper{display: flex;align-items: center;background: #ffffff !important;padding: 8px 12px;border-radius: 100px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);border: 2px solid rgba(232,71,10,0.3);transition: all 0.3s ease;position: relative;z-index: 101;}.search-input-wrapper::before,.search-input-wrapper::after{content: '';position: absolute;inset: 0;border-radius: 100px;z-index: -1;pointer-events: none;box-shadow: 0 0 0 0 rgba(232,71,10,0.4);}.search-input-wrapper::before{animation: searchWave 4s cubic-bezier(0,0,0.2,1) infinite;}.search-input-wrapper::after{animation: searchWave 4s cubic-bezier(0,0,0.2,1) 2s infinite;}@keyframes searchWave{0%{transform: scale(1);box-shadow: 0 0 0 0 rgba(232,71,10,0.4);opacity: 0;}10%{opacity: 1;}100%{transform: scale(1.15,1.4);box-shadow: 0 0 25px 15px rgba(232,71,10,0);opacity: 0;}}.search-input-wrapper:focus-within{transform: translateY(-5px) !important;box-shadow: 0 20px 40px rgba(192,57,43,0.15) !important;outline: 2px solid rgba(232,71,10,0.3) !important;}.search-input-wrapper input{flex: 1;border: none !important;outline: none !important;padding: 0 15px;font-size: 16px;font-weight: 600;background: #ffffff !important;color: #1a0504;letter-spacing: -0.01em;-webkit-mask-image: none !important;mask-image: none !important;}.search-input-wrapper input::placeholder{color: #94a3b8;font-weight: 500;opacity: 1;}.search-icon-box{background: linear-gradient(135deg,#e8470a 0%,#f5a623 100%);color: white;width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 16px;box-shadow: 0 8px 20px rgba(232,71,10,0.3);flex-shrink: 0;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);}.search-input-wrapper:focus-within .search-icon-box{transform: scale(1.05) rotate(10deg);}.search-clear{font-size: 20px;color: rgba(232,71,10,0.35);cursor: pointer;transition: all 0.3s ease;display: none;margin-right: 10px;}.vacancy-search-section{background: transparent;padding: 0 0 40px;text-align: center;}.search-bar-clean{max-width: 800px;margin: 0 auto;background: #ffffff;border-radius: 100px;padding: 10px 15px;display: flex;align-items: center;box-shadow: 0 20px 40px rgba(0,0,0,0.06);border: 1px solid rgba(232,71,10,0.1);transition: all 0.4s ease;}.search-bar-clean:focus-within{transform: translateY(-5px);box-shadow: 0 30px 60px rgba(232,71,10,0.12);border-color: rgba(232,71,10,0.3);}.search-bar-clean i{font-size: 20px;color: #e8470a;margin-left: 15px;}.search-bar-clean input{flex: 1;border: none;outline: none;padding: 15px 20px;font-size: 17px;font-weight: 600;color: #1a0504;}.search-bar-clean button{background: linear-gradient(135deg,#c0392b 0%,#e8470a 100%);color: white;border: none;border-radius: 100px;padding: 15px 35px;font-weight: 800;font-size: 15px;cursor: pointer;transition: all 0.3s ease;}.search-bar-clean button:hover{transform: scale(1.05);filter: brightness(1.1);}.filter-chip-wrapper{display: flex;justify-content: center;gap: 15px;margin-top: 35px;flex-wrap: wrap;}.filter-chip{padding: 12px 28px;background: #ffffff;border: 1.5px solid rgba(232,71,10,0.15);border-radius: 100px;color: #1a0504;font-weight: 700;font-size: 14px;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 5px 15px rgba(0,0,0,0.03);}.filter-chip:hover{transform: translateY(-3px);border-color: rgba(232,71,10,0.4);box-shadow: 0 10px 20px rgba(232,71,10,0.08);}.filter-chip.active{background: linear-gradient(135deg,#c0392b 0%,#e8470a 100%);color: white;border-color: transparent;box-shadow: 0 10px 25px rgba(192,57,43,0.3);}.job-card-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;margin-top: 50px;}@media (max-width: 992px){.job-card-grid{grid-template-columns: 1fr;}}.job-card-premium{background: rgba(255,255,255,0.75);backdrop-filter: blur(15px);border-radius: 32px;padding: 22px;display: flex;gap: 20px;transition: all 0.5s cubic-bezier(0.16,1,0.3,1);box-shadow: 0 4px 15px rgba(0,0,0,0.02),0 15px 35px rgba(232,71,10,0.03),inset 0 0 0 1px rgba(255,255,255,0.4);border: 1.5px solid rgba(232,71,10,0.06);position: relative;overflow: hidden;will-change: transform;}.job-card-premium::before{content: '';position: absolute;inset: 0;border-radius: 32px;padding: 1.2px;background: linear-gradient(135deg,rgba(255,255,255,0.9),rgba(255,255,255,0.2),rgba(232,71,10,0.08));-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}.job-card-premium:hover{transform: translateY(-8px) scale(1.015);box-shadow: 0 30px 60px rgba(0,0,0,0.06),0 15px 30px rgba(232,71,10,0.12),0 0 0 3px rgba(232,71,10,0.05);border-color: rgba(232,71,10,0.4);background: rgba(255,255,255,0.9);}@media (max-width: 550px){.job-card-premium{padding: 18px !important;gap: 15px !important;}.job-icon-box{width: 75px !important;height: 75px !important;border-radius: 18px !important;}.job-posisi{font-size: 19px !important;}.job-description-text{font-size: 13.5px !important;margin-top: 5px;}.job-card-footer{gap: 10px !important;}}.job-icon-box{width: 72px;height: 72px;background: #ffffff;border-radius: 20px;display: flex;align-items: center;justify-content: center;border: 1.5px solid rgba(232,71,10,0.1);flex-shrink: 0;transition: all 0.4s ease;font-size: 28px;color: #e8470a;box-shadow: inset 0 0 15px rgba(232,71,10,0.02);overflow: hidden;padding: 0;}.job-icon-box img{width: 100%;height: 100%;object-fit: cover;}.job-card-premium:hover .job-icon-box{transform: scale(1.08) rotate(-5deg);background: linear-gradient(135deg,#e8470a 0%,#f5a623 100%);color: white;box-shadow: 0 8px 15px rgba(232,71,10,0.2);border-color: transparent;}.job-logo-wrapper img{max-width: 100%;max-height: 100%;object-fit: contain;}.job-main-info{flex: 1;}.job-posisi{font-size: 21px;font-weight: 850;color: #1a0504;margin-bottom: 4px;line-height: 1.2;letter-spacing: -0.01em;}.job-mitra{font-size: 16px;font-weight: 750;color: #c0392b;margin-bottom: 4px;}.job-lokasi{font-size: 13px;font-weight: 700;color: #64748b;text-transform: uppercase;letter-spacing: 0.12em;display: flex;align-items: center;gap: 8px;}.job-desc-snippet{margin-top: 15px;font-size: 14.5px;color: #475569;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.job-footer-meta{margin-top: 25px;display: flex;align-items: center;justify-content: space-between;padding-top: 20px;border-top: 1px solid rgba(0,0,0,0.05);}.job-date-posted{font-size: 12px;font-weight: 600;color: #94a3b8;}.job-tipe-badge{padding: 6px 16px;border-radius: 100px;font-size: 11px;font-weight: 900;text-transform: uppercase;letter-spacing: 0.05em;background: rgba(232,71,10,0.06);color: #e8470a;}.btn-job-detail{background: #1e293b;color: white !important;padding: 12px 25px;border-radius: 14px;font-size: 14px;font-weight: 800;text-decoration: none;transition: all 0.3s ease;}.btn-job-detail:hover{transform: translateY(-3px);background: #e8470a;box-shadow: 0 10px 20px rgba(232,71,10,0.2);}.search-form-mockup{display: flex;flex: 1;align-items: center;width: 100%;gap: 15px;}.search-input-inner{flex: 1;display: flex;align-items: center;background: transparent;}.search-input-inner i{color: #94a3b8;margin-right: 15px;font-size: 18px;}.search-input-inner input{flex: 1;border: none;outline: none;font-size: 16px;font-weight: 500;color: #1e293b;background: transparent;}.search-btn-mockup{background: #1e293b;color: white;border: none;border-radius: 100px;padding: 12px 30px;font-weight: 800;font-size: 14px;cursor: pointer;transition: all 0.3s ease;}.search-btn-mockup:hover{background: #e8470a;transform: translateY(-2px);box-shadow: 0 8px 20px rgba(232,71,10,0.2);}.job-card-body{width: 100%;}.job-header-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}.job-mitra-name{font-size: 16px;font-weight: 700;color: #c0392b;margin-bottom: 5px;}.job-location-row{font-size: 13px;color: #64748b;margin-bottom: 15px;display: flex;align-items: center;gap: 8px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;}.job-description-text{font-size: 14.5px;color: #475569;line-height: 1.6;margin-bottom: 25px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.job-card-footer{display: flex;justify-content: space-between;align-items: center;padding-top: 20px;border-top: 1px solid rgba(0,0,0,0.05);}.job-post-date{font-size: 12px;color: #94a3b8;font-weight: 600;}.btn-lihat-detail{background: linear-gradient(135deg,#e8470a 0%,#f5a623 100%);color: white !important;padding: 10px 22px;border-radius: 16px;text-decoration: none;font-size: 13.5px;font-weight: 800;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 6px 15px rgba(232,71,10,0.2);display: inline-flex;align-items: center;gap: 8px;}.btn-lihat-detail:hover{transform: translateY(-3px) scale(1.04);box-shadow: 0 10px 20px rgba(232,71,10,0.3);filter: brightness(1.05);}@media (max-width: 600px){.features-grid-premium{grid-template-columns: repeat(2,1fr) !important;gap: 12px !important;padding: 0 5px !important;}.premium-card{padding: 18px 8px 8px !important;border-radius: 20px !important;min-height: 95px !important;justify-content: flex-start !important;}.feature-icon{width: 48px !important;height: 48px !important;border-radius: 12px !important;margin-bottom: 3px !important;}.feature-icon i{font-size: 20px !important;}.premium-card h3{font-size: 13.5px !important;font-weight: 800 !important;line-height: 1.1 !important;}.premium-card p,.premium-card .feature-link{display: block !important;font-size: 11px !important;line-height: 1.3 !important;margin-top: 8px !important;}.premium-card:hover{transform: translateY(-8px) scale(1.02) !important;min-height: 170px !important;z-index: 10 !important;}.premium-card:hover p{opacity: 1 !important;max-height: 120px !important;margin-bottom: 12px !important;}.section-header{margin-bottom: 40px !important;}.section-header p{font-size: 14px !important;}}@media (max-width: 600px){.job-header-row{flex-direction: column;align-items: flex-start;gap: 10px;}}.premium-hero{position: relative;padding: 70px 0 0px;background: transparent;overflow: hidden;z-index: 10;}.premium-hero::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 180px;background: linear-gradient(to bottom,transparent 0%,rgba(253,232,216,0.2) 20%,rgba(253,232,216,0.5) 50%,rgba(253,232,216,0.9) 85%,#fde8d8 100%);z-index: 25;pointer-events: none;}.hero-content{display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;z-index: 50;}.hero-badge{background: rgba(255,255,255,0.7);border: 1.5px solid rgba(232,71,10,0.15);color: #e8470a;padding: 8px 18px;border-radius: 100px;font-size: 11.5px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.18em;margin-bottom: 30px;box-shadow: 0 4px 15px rgba(0,0,0,0.03);display: inline-flex;align-items: center;gap: 8px;backdrop-filter: blur(12px);}.hero-greeting-text{margin-top: 15px;margin-bottom: 2px;display: block;width: fit-content;margin-left: auto;margin-right: auto;text-align: left;}.hero-greeting-text span{font-size: clamp(16px,2.2vw,22px);font-weight: 500;color: rgba(255,255,255,1);font-style: italic;letter-spacing: 0.15em;font-family: var(--body-font);text-shadow: 0 2px 10px rgba(0,0,0,0.2);display: inline-flex;align-items: center;overflow: hidden;white-space: nowrap;border-right: 3px solid white;width: 0;animation: typing 3.5s steps(40,end) infinite,cursor-blink 0.8s step-end infinite;}@keyframes typing{0%{width: 0}50%{width: 100%}85%{width: 100%}100%{width: 0}}@keyframes cursor-blink{from,to{border-color: transparent}50%{border-color: rgba(255,255,255,0.7);}}.animate-wave{display: inline-block;animation: wave-hand 2.5s infinite;transform-origin: 70% 70%;color: white;}@keyframes wave-hand{0%{transform: rotate(0deg);}10%{transform: rotate(14deg);}20%{transform: rotate(-8deg);}30%{transform: rotate(14deg);}40%{transform: rotate(-4deg);}50%{transform: rotate(10deg);}60%{transform: rotate(0deg);}100%{transform: rotate(0deg);}}.hero-title-premium{font-size: clamp(48px,8.5vw,92px) !important;font-weight: 950 !important;line-height: 0.85;letter-spacing: -0.05em;margin-bottom: 10px;background: linear-gradient(110deg,#ffffff 0%,#ffffff 45%,#f8f9fa 50%,#ffffff 55%,#ffffff 100%) !important;background-size: 200% auto !important;-webkit-background-clip: text !important;background-clip: text !important;-webkit-text-fill-color: transparent !important;animation: shine-metallic 6s linear infinite !important;filter: drop-shadow(0 15px 35px rgba(0,0,0,0.5));position: relative;z-index: 10;text-transform: uppercase;}@keyframes shine-metallic{0%{background-position: -100% 0;}100%{background-position: 100% 0;}}.hero-branding-sub{font-size: clamp(13px,1.8vw,16px);font-weight: 800;color: rgba(255,255,255,1);letter-spacing: 0.12em;margin-bottom: 12px;text-transform: uppercase;display: block;font-family: var(--heading-font);text-shadow: 0 4px 12px rgba(0,0,0,0.4);opacity: 0.9;}.hero-mission-statement{max-width: 800px;margin: 0 auto;padding-top: 5px;}.hero-subtitle-premium{font-size: clamp(14px,1.8vw,18px);font-weight: 500;color: rgba(255,255,255,0.9);line-height: 1.6;letter-spacing: 0.02em;text-shadow: 0 2px 10px rgba(0,0,0,0.3);}.hero-title-premium::after{content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(110deg,transparent 20%,rgba(255,161,75,0.45) 35%,#ffa14b 50%,rgba(255,161,75,0.45) 65%,transparent 80%) -250% 0 / 250% 100% no-repeat;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;pointer-events: none;z-index: 11;animation: trueGlare 7s linear infinite;mix-blend-mode: normal;}@keyframes trueGlare{0%{background-position: -200% 0;}100%{background-position: 200% 0;}}@keyframes heroTitleGradient{0%{background-position: 0% center;}50%{background-position: 100% center;}100%{background-position: 0% center;}}.hero-subtitle-premium{margin-top: 0 !important;font-size: 16.5px;color: #5c4542;max-width: 600px;line-height: 1.8;font-weight: 600;margin-bottom: 35px;opacity: 0.9;letter-spacing: 0.01em;}.hero-atmosphere{position: absolute;inset: 0;z-index: 1;pointer-events: none;}.hero-blob{position: absolute;border-radius: 50%;filter: blur(120px);opacity: 0.25;animation: blobPulse 15s infinite alternate ease-in-out;}.hero-blob-1{width: 500px;height: 500px;background: rgba(192,57,43,0.15);top: -100px;left: -100px;}.hero-blob-2{width: 600px;height: 600px;background: rgba(245,166,35,0.1);bottom: -150px;right: -100px;animation-delay: -5s;}.hero-blob-3{width: 400px;height: 400px;background: rgba(232,71,10,0.08);top: 20%;right: 15%;animation-delay: -10s;}.hero-full-width{width: 100%;padding-top: 80px;margin-bottom: 20px;display: flex;justify-content: center;}.slider-inner{width: 100%;max-width: 100%;margin: 0;padding: 0;position: relative;background: transparent !important;}.heroSwiper,.static-hero{width: 100%;height: auto;aspect-ratio: 16 / 9;border-radius: 0;overflow: hidden;background: transparent !important;box-shadow: none;}.swiper-slide{width: 100%;}.hero-image-item,.hero-image-item-static{width: 100%;height: 100%;}.hero-image-item img,.hero-image-item-static img{width: 100%;height: 100%;object-fit: cover;}.partner-marquee-section{padding: 95px 0 80px;background: linear-gradient(to bottom,transparent 0%,#ffffff 18%,#ffffff 100%) !important;overflow: hidden;position: relative;border-bottom: 1px solid rgba(232,71,10,0.05);z-index: 5;margin-top: 0;}.siswa-features{padding: 60px 0 40px;background: transparent;}.features-grid-premium{display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;}@media (max-width: 1200px){.features-grid-premium{gap: 20px;}}@media (max-width: 1024px){.features-grid-premium{grid-template-columns: repeat(3,1fr);}}@media (max-width: 768px){.features-grid-premium{grid-template-columns: repeat(2,1fr);gap: 15px;}}@media (max-width: 500px){.features-grid-premium{grid-template-columns: 1fr;gap: 15px;}}.marquee-container{display: flex;flex-direction: column;gap: 30px;}.marquee-row{display: flex;width: 200%;gap: 20px;}.marquee-track{display: flex;gap: 20px;white-space: nowrap;will-change: transform;}@keyframes marquee-to-left{from{transform: translateX(0);}to{transform: translateX(-50%);}}@keyframes marquee-to-right{from{transform: translateX(-50%);}to{transform: translateX(0);}}.marquee-row-1 .marquee-track{animation: marquee-to-right 80s linear infinite;}.marquee-row-2 .marquee-track{animation: marquee-to-left 80s linear infinite;}.marquee-row:hover .marquee-track{animation-play-state: paused;}.partner-logo-box{width: 200px;height: 100px;background: rgba(255,255,255,0.9) !important;backdrop-filter: blur(10px) !important;-webkit-backdrop-filter: blur(10px) !important;border-radius: 20px !important;display: flex;align-items: center;justify-content: center;padding: 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;transition: all 0.5s cubic-bezier(0.16,1,0.3,1);cursor: pointer;border: 1px solid rgba(255,255,255,0.5) !important;}.partner-logo-box:hover{background: rgba(255,255,255,0.9);transform: scale(1.1) rotate(2deg);border-color: var(--brand-orange);box-shadow: 0 20px 40px -15px rgba(232,71,10,0.2);}.partner-logo-box img{max-width: 100%;max-height: 100%;object-fit: contain;filter: grayscale(0) opacity(1);transition: all 0.4s ease;}.partner-logo-box:hover img{filter: grayscale(0) opacity(1);}.partner-initial-logo{display: flex;flex-direction: column;align-items: center;justify-content: center;}.partner-initial-logo span{font-family: var(--heading-font);font-weight: 800;font-size: 14px;color: #4a0d06;letter-spacing: -0.01em;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.partner-initial-logo i{font-size: 18px;color: var(--brand-orange);margin-bottom: 5px;opacity: 0.8;}@media (max-width: 768px){.siswa-features{padding: 40px 0 0px;}.partner-marquee-section{padding: 10px 0 50px; margin-bottom: -50px !important;}.partner-logo-box{width: 50px;height: 35px;padding: 2px;}.partner-initial-logo i{font-size: 16px !important;}.marquee-row{gap: 15px;}.marquee-track{gap: 15px;}.marquee-row-1 .marquee-track{animation-duration: 40s;}.marquee-row-2 .marquee-track{animation-duration: 40s;}}.news-card-premium{background: #ffffff !important;border-radius: 32px !important;overflow: hidden;border: 1px solid rgba(15,23,42,0.05) !important;box-shadow: 0 10px 40px -10px rgba(15,23,42,0.08) !important;transition: all 0.5s cubic-bezier(0.16,1,0.3,1) !important;cursor: pointer;display: flex;flex-direction: column;position: relative;height: 100%;}.news-card-premium:hover{transform: translateY(-12px) !important;box-shadow: 0 40px 80px -20px rgba(15,23,42,0.15) !important;border-color: rgba(232,71,10,0.15) !important;}.news-image-wrap{height: 170px;position: relative;overflow: hidden;border-radius: 20px;margin: 10px;isolation: isolate;background: #f1f5f9;}.news-img-main{width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s cubic-bezier(0.16,1,0.3,1);}.news-card-premium:hover .news-img-main{transform: scale(1.1);}.image-gradient-shadow{position: absolute;bottom: 0;left: 0;right: 0;height: 35%;background: linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.4) 40%,transparent 100%);z-index: 3;pointer-events: none;transition: opacity 0.5s ease;}.pinned-pill{position: absolute;top: 20px;left: 20px;padding: 6px 14px;border-radius: 50px;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.5px;z-index: 10;display: flex;align-items: center;gap: 6px;backdrop-filter: blur(8px);box-shadow: 0 4px 15px rgba(0,0,0,0.1);}.hot-pick{background: rgba(232,71,10,0.9);color: white;}.new-label{background: rgba(30,41,59,0.85);color: white;}.floating-pills{position: absolute;bottom: 20px;left: 0;right: 0;display: flex;justify-content: center;gap: 10px;padding: 0 15px;z-index: 10;}.pill-glass{padding: 5px 12px;background: rgba(255,255,255,0.15);backdrop-filter: blur(12px);border: 1px solid rgba(255,255,255,0.2);border-radius: 50px;color: white;font-size: 11px;font-weight: 700;white-space: nowrap;}.pill-glass.category{background: rgba(232,71,10,0.15);border-color: rgba(232,71,10,0.3);}.news-card-premium:hover .image-gradient-shadow{background: linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);}.news-content-pad{padding: 12px 25px 20px;flex-grow: 1;display: flex;flex-direction: column;text-align: center;align-items: center;}@media (max-width: 768px){.news-content-pad{padding: 15px 20px 25px;}}.news-title-link{font-size: 16px;font-weight: 850;color: #1e293b;line-height: 1.3;margin: 0 0 6px 0;transition: color 0.3s;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}@media (max-width: 768px){.news-title-link{font-size: 18px;}}.news-card-premium:hover .news-title-link{color: #e8470a;}.news-excerpt{color: #64748b;font-size: 13px;line-height: 1.5;margin: 5px 0 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;flex-grow: 1;}.news-footer-action{display: flex;align-items: center;justify-content: space-between;padding-top: 10px;border-top: 1px solid #f1f5f9;gap: 12px;}.action-text{font-size: 14px;font-weight: 800;color: #0f172a;letter-spacing: -0.2px;white-space: nowrap;}.action-arrow{width: 40px;height: 40px;background: #f8fafc;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #0f172a;transition: all 0.4s cubic-bezier(0.16,1,0.3,1);flex-shrink: 0;}.news-card-premium:hover .action-arrow{background: #e8470a;color: #ffffff;transform: rotate(-45deg);}.pagination-glass-wrap{display: flex;justify-content: center;gap: 12px;margin-top: 80px;}.pagination-glass-wrap .page-item .page-link{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 50% !important;background: rgba(255,255,255,0.7) !important;backdrop-filter: blur(10px);border: 1.5px solid rgba(232,71,10,0.1) !important;color: #7c3422 !important;font-weight: 800;font-size: 14px;text-decoration: none;transition: all 0.4s cubic-bezier(0.16,1,0.3,1);box-shadow: 0 4px 10px rgba(0,0,0,0.03);}.pagination-glass-wrap .page-item.active .page-link{background: var(--primary-gradient) !important;color: white !important;border-color: transparent !important;box-shadow: 0 10px 20px rgba(232,71,10,0.3);}.pagination-glass-wrap .page-item:not(.active) .page-link:hover{background: white !important;transform: translateY(-4px);box-shadow: 0 10px 20px rgba(232,71,10,0.1);color: var(--brand-orange) !important;border-color: rgba(232,71,10,0.3) !important;}
@media (max-width: 768px) {
    .hero-subtitle,
    .hero-hub-desc,
    .hero-subtitle-premium {
        margin-top: 0 !important;
        padding-top: 5px !important;
    }
}