@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-20px)translate(15px)}66%{transform:translateY(15px)translate(-10px)}}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes meteor{0%{opacity:0;transform:translate(-100px)translateY(-100px)rotate(25deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(calc(100vw + 100px))translateY(calc(100vh + 100px))rotate(25deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf699}}@keyframes shadowPulse{0%,to{box-shadow:0 20px 35px -15px #8b5cf626}50%{box-shadow:0 25px 40px -12px #8b5cf640}}@keyframes rocketFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes splashFloat{0%,to{opacity:.3;transform:translate(0)scale(1)}50%{opacity:.15;transform:translate(8px,-12px)scale(1.03)}}@keyframes splashFloat2{0%,to{opacity:.25;transform:translate(0)scale(1)}50%{opacity:.12;transform:translate(-10px,-8px)scale(1.05)}}@keyframes promoSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes promoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes promoBorderGlow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes promoSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(30px)scale(.95)}}.hero-rocket{filter:drop-shadow(0 10px 20px #8b5cf64d);transition:all .3s;animation:3s ease-in-out infinite rocketFloat}.hero-rocket:hover{filter:drop-shadow(0 15px 30px #8b5cf680);transform:scale(1.02)}.hero-rocket-wrapper{display:inline-block;position:relative}.rocket-particle,.hero-rocket-glow,.rocket-shadow{display:none}body{background:#0a0a1a;min-height:100vh;position:relative;overflow-x:hidden}.bg-gradient-premium{pointer-events:none;z-index:0;background:radial-gradient(at 20% 30%,#8b5cf61f,#0000 50%),radial-gradient(at 80% 70%,#06b6d414,#0000 50%),radial-gradient(#1e1b4b4d,#0000 70%);width:100%;height:100%;position:fixed;top:0;left:0}.stars-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.star{background:#fff;border-radius:50%;animation:3s ease-in-out infinite starTwinkle;position:absolute}.meteor{pointer-events:none;z-index:1;background:linear-gradient(90deg,#fffc,#8b5cf64d,#0000);border-radius:50%;width:80px;height:2px;animation:6s linear infinite meteor;position:fixed;transform:rotate(25deg)}.meteor:before{content:"●";color:#ffffffe6;text-shadow:0 0 8px #8b5cf6;font-size:10px;position:absolute;top:-6px;right:-2px}.floating-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:65% 35% 70% 30%/40% 55% 45% 60%;animation:22s ease-in-out infinite splashFloat;position:fixed}.floating-orb:nth-child(2){border-radius:45% 55% 40% 60%/55% 40% 60% 45%;animation:26s ease-in-out infinite splashFloat2}.floating-orb:nth-child(3){border-radius:55% 45% 60% 40%/45% 60% 40% 55%;animation:19s ease-in-out infinite reverse splashFloat}.content-wrapper{z-index:10;position:relative}.glass-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a1ad9;border-bottom:1px solid #8b5cf633;box-shadow:0 8px 25px -10px #0000004d}.nav-link{color:#fff9;border-radius:9999px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover,.nav-link.active{color:#fff;background:#8b5cf633}.nav-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #8b5cf64d;border-radius:9999px;padding:.5rem 1.25rem;font-weight:500;transition:all .3s}.icon-nav-btn{width:auto;min-width:0;padding:.5rem}.nav-btn:hover{color:#fff;background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 5px 15px -5px #8b5cf64d}.profile-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0a0a1af2;border:1px solid #ffffff14;border-radius:1rem;min-width:180px;animation:.2s fadeIn;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 18px 40px #0000004d}.profile-dropdown.hidden{display:none}h1,h2,h3,h4,.feature-title,.alumni-name{color:#fff;font-weight:700}.nav-menu-toggle{justify-content:center;align-items:center;display:inline-flex}@media (width>=1024px){.nav-menu-toggle{display:none}}.desktop-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=1023px){.desktop-nav{display:none!important}}.mobile-nav{display:none}.mobile-nav.open{display:block}.mobile-nav-inner{border-top:1px solid #ffffff1a;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.mobile-nav-link{color:#ffffffbf;background:#ffffff08;border-radius:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .25s;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:#fff;background:#8b5cf62e}.mobile-nav-btn{color:#fff;text-align:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:.75rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.mobile-nav-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #8b5cf640}.text-white\/60,.text-white\/40,.text-white\/50,.text-white\/90,p:not(.footer-text):not(.question-box p):not(.soal-teks){color:#fff9!important}header h1{color:#fff!important}header p{color:#ffffff80!important}.hero-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:9999px;padding:.75rem 2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 20px -5px #8b5cf64d}.hero-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-3px)scale(1.02);box-shadow:0 15px 30px -8px #8b5cf673}.membership-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.membership-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;border-radius:28px;padding:28px 24px;transition:all .4s cubic-bezier(.2,.9,.4,1.1);position:relative;overflow:hidden}.membership-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 50%);border-radius:28px;height:100%;position:absolute;top:0;left:0;right:0}.membership-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#8b5cf60d 100%);border-radius:0 0 28px 28px;height:60px;position:absolute;bottom:0;left:0;right:0}.card-silver{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-top:3px solid #64748b}.card-silver:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 45px -15px #64748b4d}.card-gold{background:linear-gradient(135deg,#451a03 0%,#2d1b00 100%);border-top:3px solid #f59e0b}.card-gold:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 45px -15px #f59e0b40}.card-teal{background:linear-gradient(135deg,#0f3d3a 0%,#082f2c 100%);border-top:3px solid #14b8a6}.card-teal:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 45px -15px #14b8a640}.card-cream{background:linear-gradient(135deg,#0c2d48 0%,#071a2b 100%);border-top:3px solid #0ea5e9}.card-cream:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 45px -15px #0ea5e940}.membership-card:hover{animation:1s infinite shadowPulse}.card-label{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;margin-bottom:16px;padding:5px 14px;font-size:11px;font-weight:600;display:inline-block;box-shadow:0 2px 8px #8b5cf64d}.benefit-list{margin:16px 0;padding:0;list-style:none}.benefit-list li{color:#fffc;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.benefit-list li:last-child{border-bottom:none}.benefit-list li i{color:#8b5cf6;width:18px;font-size:13px}.price-tag{color:#fff;margin:16px 0;font-size:32px;font-weight:800}.price-tag small{color:#ffffff80;font-size:12px;font-weight:400}.card-btn{cursor:pointer;color:#fffc;background:#ffffff14;border:1px solid #ffffff1a;border-radius:40px;width:100%;margin-top:8px;padding:12px;font-weight:600;transition:all .3s}.card-btn:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 8px 20px -8px #8b5cf666}.main-icon{margin-bottom:16px;font-size:2.8rem;display:inline-block}.card-silver .main-icon{color:#94a3b8}.card-gold .main-icon{color:#f59e0b}.card-teal .main-icon{color:#2dd4bf}.card-cream .main-icon{color:#38bdf8}.membership-card h3{color:#fff!important}.feature-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1b4b4d;border:1px solid #8b5cf626;border-radius:24px;flex-direction:column;justify-content:center;min-height:110px;padding:16px 12px;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -10px #0000004d}.feature-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 70%);border-radius:24px;height:100%;position:absolute;top:0;left:0;right:0}.feature-card:hover{background:#1e1b4b80;border-color:#8b5cf659;transform:translateY(-8px);box-shadow:0 20px 35px -12px #8b5cf633}.feature-icon{background:#8b5cf626;border:1px solid #8b5cf61a;border-radius:20px;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 14px;transition:all .3s;display:flex}.feature-card:hover .feature-icon{background:#8b5cf64d;transform:scale(1.08)}.feature-icon i{color:#a78bfa;font-size:28px}.feature-title{color:#fff;margin-bottom:10px;font-size:20px;font-weight:600}.feature-link{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf626;border-radius:30px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.feature-link:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6;gap:10px;transform:translateY(-1px);box-shadow:0 5px 12px #8b5cf640}.feature-link i{font-size:12px;transition:transform .3s}.feature-link:hover i{transform:translate(4px)}.feature-card-new{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#1e1b4b59;border:1px solid #8b5cf61f;border-radius:16px;padding:18px 20px;transition:all .4s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 10px #0003}.feature-card-new:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 12px 30px -12px #8b5cf626}.feature-icon-new{border-radius:14px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;transition:all .3s;display:flex}.feature-card-new:hover .feature-icon-new{transform:scale(1.05)rotate(-3deg)}.feature-title-new{color:#fff;margin-bottom:2px;font-size:16px;font-weight:700}.feature-desc-new{color:#ffffff80;margin-bottom:6px;font-size:13px;line-height:1.4}.feature-link-new{color:#a78bfa;align-items:center;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.feature-link-new:hover{color:#c4b5fd}.alumni-slider-container{position:relative;overflow:hidden}.alumni-slider{transition:transform .5s cubic-bezier(.2,.9,.4,1.1);display:flex}.alumni-slide{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.alumni-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:center;background:#1e1b4b66;border:1px solid #8b5cf626;border-radius:24px;padding:24px 20px;transition:all .4s;box-shadow:0 5px 15px -8px #0000004d}.alumni-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#8b5cf608 0%,#0000 80%);border-radius:24px;height:100%;position:absolute;top:0;left:0;right:0}.alumni-card:hover{background:#1e1b4b99;border-color:#8b5cf666;transform:translateY(-10px);box-shadow:0 20px 35px -12px #8b5cf633}.alumni-name{color:#fff;margin-bottom:10px;font-size:20px;font-weight:800}.alumni-year{color:#a78bfa;background:#8b5cf626;border-radius:20px;margin-bottom:14px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.alumni-university{color:#fffc;margin-bottom:8px;font-size:15px;font-weight:600}.alumni-major{color:#fbbf24;font-size:13px;font-weight:600}.alumni-card-new{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#1e1b4b59;border:1px solid #8b5cf61f;border-radius:20px;padding:24px 20px 20px;transition:all .4s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 10px #0003}.alumni-card-new:hover{border-color:#8b5cf64d;transform:translateY(-6px);box-shadow:0 16px 35px -12px #8b5cf626}.alumni-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 12px #0000004d}.alumni-name-new{color:#fff;font-size:16px;font-weight:700}.alumni-badge{color:#a78bfa;background:#8b5cf626;border-radius:20px;margin:6px 0 8px;padding:2px 12px;font-size:11px;font-weight:600;display:inline-block}.alumni-uni-new{color:#ffffffb3;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.3}.alumni-major-new{color:#fbbf24;font-size:12px;font-weight:600}.alumni-nav-btn{color:#fff9;cursor:pointer;background:#1e1b4b80;border:1px solid #8b5cf633;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0003}.alumni-nav-btn:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6;transform:scale(1.05);box-shadow:0 4px 12px #8b5cf640}.alumni-slider-container .slider-dots{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.alumni-slider-container .dot{cursor:pointer;background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s}.alumni-slider-container .dot.active{background:#8b5cf6;border-radius:10px;width:24px;box-shadow:0 2px 8px #8b5cf64d}.slider-btn,.video-slider-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:10;background:#1e1b4b99;border:1px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s cubic-bezier(.2,.9,.4,1.1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px -8px #0000004d}.slider-btn:hover,.video-slider-btn:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6;transform:translateY(-50%)scale(1.12);box-shadow:0 10px 25px -8px #8b5cf666}.slider-btn-left,.video-slider-btn-left{left:5px}.slider-btn-right,.video-slider-btn-right{right:5px}.slider-dots,.video-slider-dots{justify-content:center;gap:10px;margin-top:32px;display:flex}.dot,.video-dot{cursor:pointer;background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active,.video-dot.active{background:#8b5cf6;border-radius:10px;width:30px;box-shadow:0 2px 8px #8b5cf64d}.video-slider-container{margin:0 30px;position:relative;overflow:hidden}.video-slider{transition:transform .5s cubic-bezier(.2,.9,.4,1.1);display:flex}.video-slide{flex-shrink:0;width:100%}.video-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#1e1b4b59;border:1px solid #8b5cf626;border-radius:24px;transition:all .3s;position:relative;box-shadow:0 8px 20px -10px #0003}.video-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#8b5cf605 0%,#0000 70%);border-radius:24px;height:100%;position:absolute;top:0;left:0;right:0}.video-card:hover{background:#1e1b4b8c;border-color:#8b5cf659;transform:translateY(-8px);box-shadow:0 20px 35px -12px #8b5cf626}.video-card h4{font-weight:700;color:#fff!important}.video-card .text-white\/40{color:#fff6!important}#videoModal{z-index:99999;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#videoModal:not(.hidden){display:flex!important}#videoModal.hidden{display:none!important}.video-modal-container{width:90%;max-width:1000px;margin:auto;position:relative}.video-wrapper{background:#000;border-radius:20px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.video-wrapper iframe,.video-wrapper video{background:#000;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.close-modal-btn{cursor:pointer;color:#fff;z-index:10;filter:drop-shadow(0 2px 5px #0000004d);background:0 0;border:none;font-size:36px;transition:all .3s;position:absolute;top:-50px;right:0}.close-modal-btn:hover{color:#8b5cf6;transform:scale(1.1)}body.modal-open{overflow:hidden!important}footer{background:linear-gradient(#0a0a1a80 0%,#0a0a1acc 100%);border-top:1px solid #8b5cf626}footer h4{color:#fff!important}.footer-text{color:#fff9}.social-link{color:#fff9;transition:all .3s;box-shadow:0 2px 8px #0003;background:#8b5cf61a!important}.social-link:hover{color:#fff;transform:translateY(-4px)scale(1.08);box-shadow:0 8px 20px -8px #8b5cf666;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}footer .border-purple-500\/80{border-color:#8b5cf633!important}footer .text-white\/90{color:#fff9!important}.page-header{text-align:center;padding:60px 0 40px}.page-title{color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:800}.page-subtitle{color:#ffffff80;font-size:1.125rem}.content-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1b4b4d;border:1px solid #8b5cf626;border-radius:28px;padding:32px;transition:all .3s;box-shadow:0 8px 25px -12px #0003}.content-card:hover{border-color:#8b5cf659;transform:translateY(-2px);box-shadow:0 20px 35px -12px #8b5cf61a}.promo-popup{opacity:0;width:100%;max-width:380px;animation:.6s cubic-bezier(.22,1,.36,1) forwards promoSlideIn;position:fixed;bottom:30px;right:30px;transform:translateY(30px)scale(.95);z-index:999999!important;pointer-events:auto!important}.promo-popup-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#141228f2,#1e1b4be6);border:1px solid #8b5cf633;border-radius:24px;padding:28px 24px 24px;transition:all .3s;position:relative;box-shadow:0 25px 50px -12px #000c,0 8px 20px -8px #0006,inset 0 1px #ffffff0d;pointer-events:auto!important}.promo-popup-content:before{content:"";z-index:-1;opacity:.2;background:linear-gradient(135deg,#8b5cf6,#f59e0b,#8b5cf6) 0 0/300% 300%;border-radius:26px;animation:4s ease-in-out infinite promoBorderGlow;position:absolute;inset:-2px}.promo-close-btn{color:#ffffff80;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:all .3s;position:absolute;top:12px;right:14px;cursor:pointer!important;z-index:9999999!important;pointer-events:auto!important;width:36px!important;height:36px!important;display:flex!important}.promo-close-btn:hover{transform:rotate(90deg)scale(1.1);box-shadow:0 4px 16px #ef444466;color:#fff!important;background:#ef4444!important}.promo-close-btn:active{transform:rotate(90deg)scale(.95)}.promo-icon-wrapper{background:#8b5cf626;border:1px solid #8b5cf626;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex;position:relative}.promo-icon-wrapper:after{content:"";z-index:-1;background:linear-gradient(135deg,#8b5cf60d,#f59e0b0d);border-radius:24px;position:absolute;inset:-4px}.promo-icon{color:#a78bfa;font-size:28px;animation:2s ease-in-out infinite promoPulse}.promo-title{color:#fff;margin-bottom:6px;font-size:20px;font-weight:800;line-height:1.2}.promo-desc{color:#fff9;margin-bottom:4px;font-size:14px;line-height:1.5}.promo-desc strong{color:#a78bfa;font-weight:700}.promo-sub{color:#fff6;margin-bottom:16px;font-size:13px}.promo-sub i{color:#22c55e;margin-right:4px}.promo-wa-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -8px #25d36666;pointer-events:auto!important}.promo-wa-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.promo-wa-btn:hover:before{left:100%}.promo-wa-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px -8px #25d36680}.promo-wa-btn i{font-size:20px}.promo-note{text-align:center;color:#fff3;letter-spacing:.3px;margin-top:12px;font-size:11px}.promo-popup{animation-delay:1.5s}@media (width<=1024px){.membership-grid{grid-template-columns:repeat(2,1fr);gap:20px}.alumni-slide{grid-template-columns:1fr;gap:20px}.slider-btn-left,.video-slider-btn-left{left:-10px}.slider-btn-right,.video-slider-btn-right{right:-10px}.feature-card-new{padding:14px 16px}.alumni-card-new{padding:18px 14px}.alumni-avatar{width:44px;height:44px;font-size:14px}.alumni-name-new{font-size:14px}}@media (width<=768px){.slider-btn,.video-slider-btn{width:38px;height:38px}.slider-btn-left,.video-slider-btn-left{left:-5px}.slider-btn-right,.video-slider-btn-right{right:-5px}.alumni-name{font-size:18px}.alumni-university{font-size:13px}.alumni-major{font-size:12px}.page-title{font-size:2rem}.membership-card{padding:20px 16px}}@media (width<=640px){.membership-grid{grid-template-columns:1fr}.feature-card-new{padding:12px 14px}.feature-icon-new{width:40px;min-width:40px;height:40px;font-size:14px}.feature-title-new{font-size:14px}.feature-desc-new{font-size:12px}.alumni-card-new{padding:16px 12px}.alumni-avatar{width:40px;height:40px;font-size:12px}}@media (width<=480px){.promo-popup{width:auto;max-width:none;bottom:16px;left:16px;right:16px}.promo-popup-content{padding:22px 18px 18px}.promo-title{font-size:17px}.promo-desc{font-size:13px}.promo-wa-btn{padding:12px 18px;font-size:14px}.promo-icon-wrapper{width:52px;height:52px}.promo-icon{font-size:22px}.promo-close-btn{font-size:14px;top:10px;right:12px;width:32px!important;height:32px!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}