:root{--header-height: 80px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;font-family:Inter,sans-serif}body{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}#about{scroll-margin-top:90px}.main-header{background:linear-gradient(90deg,#0b5d2a,#11823a,#0b5d2a);width:100%;position:fixed;top:0;z-index:1000;border-bottom:4px solid;border-image:linear-gradient(to right,#d4af37,#f7e27b,#d4af37) 1}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 50px}.brand{display:flex;align-items:center}.wup-logo{width:85px;margin-right:-10px}.brand-logo{width:65px;margin-right:10px}.brand-title{font-size:24px;font-weight:700;color:#fff}.main-nav{display:flex;gap:40px}.main-nav a{text-decoration:none;color:#fff;letter-spacing:.5px;font-size:16px;font-weight:600;transition:.3s ease}.main-nav a:hover{color:#eaff00}.login-wrapper{position:relative;min-height:100vh;padding-top:var(--header-height);display:flex;justify-content:flex-end;align-items:center;padding-right:300px;background-color:#1b1b1b;overflow:hidden;isolation:isolate}.login-background-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.login-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform}.login-slide-1{background-image:var(--login-bg-1, url(/icons/final%20background.jpg));background-position:center 78%;animation:slide1 10s infinite}.login-slide-2{background-image:var(--login-bg-2, url(/image/WUP.jpg));animation:slide2 10s infinite}@keyframes slide1{0%,40%{transform:translate(0)}60%,to{transform:translate(-100%)}}@keyframes slide2{0%,40%{transform:translate(100%)}60%,to{transform:translate(0)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1;pointer-events:none}.hero-left{position:absolute;left:80px;top:50%;transform:translateY(-50%);max-width:700px;color:#fff;z-index:2}.hero-small{letter-spacing:4px;font-size:14px;margin-bottom:10px}.hero-university{font-size:55px;font-weight:700;margin-bottom:-15px;color:#eaff00;text-shadow:0 4px 12px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.8)}.hero-system{font-size:75px;font-weight:800;margin-bottom:20px;background:linear-gradient(90deg,#fff,#0a8d2d,#fff,#90c609,#fff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerMove 15s linear infinite}@keyframes shimmerMove{0%{background-position:0% 50%}to{background-position:300% 50%}}.hero-tagline{font-size:14px;max-width:500px;opacity:.9}.login-box{position:relative;transform:none!important;z-index:2;width:100%;max-width:410px;padding:30px 25px;background:#fff;border-radius:20px;border:1px solid #ccc;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column;align-items:center}.login-portal-header{width:100%;margin:0 0 20px;padding:5px 0;text-align:center;font-size:15px;font-weight:700;letter-spacing:1px;background:#fff;color:#000;border-radius:0;border:none;border-bottom:3px solid #000000}.login-box form{width:100%}.form-group{width:100%;margin-bottom:18px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#333}.form-group input{width:100%;padding:12px 14px;font-size:14px;border:1px solid #ddd;border-radius:10px;outline:none;transition:.2s ease}.form-group input:focus{border-color:#2fa84f;box-shadow:0 0 0 2px #2fa84f26}.options-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.checkbox-group{gap:6px;font-size:12px;color:#002559;display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.forgot-link{color:#135d0b;text-decoration:none;font-weight:500;font-size:12px}.forgot-link:hover{text-decoration:underline}.forgot-password-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.forgot-password-modal.hidden,.forgot-password-message.hidden{display:none}.forgot-password-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.forgot-password-dialog{position:relative;width:min(420px,100%);background:#fff;border-radius:16px;padding:28px 24px 24px;box-shadow:0 22px 60px #00000038;z-index:1}.forgot-password-dialog h3{margin:0 0 8px;color:#002559;font-size:24px}.forgot-password-copy{margin:0 0 18px;color:#526079;font-size:14px;line-height:1.5}.forgot-password-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:999px;background:#eef3ef;color:#135d0b;cursor:pointer}.forgot-password-form{display:grid;gap:12px}.forgot-password-form label{color:#002559;font-weight:600;font-size:14px}.forgot-password-form input{width:100%;padding:12px 14px;border:1px solid #cad3db;border-radius:10px;font-size:14px}.forgot-password-form input:focus{outline:none;border-color:#135d0b;box-shadow:0 0 0 3px #135d0b1f}.forgot-password-message{margin:0;font-size:13px;line-height:1.4}.forgot-password-message.is-error{color:#b42318}.forgot-password-message.is-success{color:#135d0b}.forgot-password-submit{width:100%;padding:12px 14px;border:0;border-radius:10px;background:#135d0b;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.forgot-password-submit:disabled{opacity:.7;cursor:wait}.login-btn{width:100%;padding:10px;background:#135d0b;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;margin-bottom:15px}.login-btn:hover{background:#0a3c0a}.register-text{font-size:13px;text-align:center}.register-link{font-size:14px;font-weight:500;color:#135d0b;text-decoration:underline}@media (max-width: 1024px){.hero-left{display:none}.login-wrapper{justify-content:center;padding-right:0}}.about-image img{width:100%;max-width:520px;border-radius:20px;box-shadow:0 12px 30px #00000026}.about-content{max-width:600px}.about-content h2{font-size:42px;font-weight:700;margin-bottom:25px;color:#135d0b;position:relative}.about-content h2:after{content:"";width:70px;height:4px;background:#135d0b;display:block;margin-top:12px;border-radius:3px}.about-content p{font-size:16px;line-height:1.8;margin-bottom:18px;color:#444}.about-section{background:#fff;padding:100px 100px 50px 140px;opacity:0;transform:translateY(80px);transition:all 1.2s ease}.about-section.show{opacity:1;transform:translateY(0)}.about-container{display:flex;align-items:center;justify-content:center;gap:80px;max-width:1300px;margin:0 auto}.about-image{transform:translate(-80px);opacity:0;transition:all .5s ease}.about-section.show .about-image{transform:translate(0);opacity:1}.about-image img{width:100%;max-width:650px;height:450px;object-fit:cover;border-radius:10px;box-shadow:0 12px 30px #00000026}.about-content{max-width:600px;transform:translate(80px);opacity:0;transition:all .5s ease}.about-section.show .about-content{transform:translate(0);opacity:1}.about-content h2{display:inline-block;position:relative}.about-content h2:after{content:"";position:absolute;left:0;bottom:-12px;width:100%;height:4px;background:linear-gradient(90deg,#135d0b,#90c609,#135d0b,#90c609,#135d0b);background-size:300% 100%;border-radius:3px;animation:lineMove 3s linear infinite}@keyframes lineMove{0%{background-position:0% 50%}to{background-position:300% 50%}}.about-content p{font-size:15px;line-height:1.8;margin-bottom:18px;color:#444;text-align:justify}@media (max-width: 1024px){.about-container{flex-direction:column;text-align:center;gap:50px}.about-section{padding:80px 40px}.about-image,.about-content{transform:translateY(40px)}.about-section.show .about-image,.about-section.show .about-content{transform:translateY(0)}}.features-section{background:#fff;padding:100px clamp(20px,8vw,150px)}.features-header{text-align:center;margin-bottom:30px}.features-header h2{font-size:38px;font-weight:800;color:#2e2a26;margin-bottom:10px}.features-header p{font-size:16px;color:#5b5b5b;max-width:700px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#3a3530,#1f1c19);border-radius:14px;color:#f5f5f4;padding:15px 22px;min-height:100px;transition:.3s ease}.feature-card:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(to bottom,#d4af37,#b08930)}.feature-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px #0000004d}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:14px;letter-spacing:.5px}.feature-card p{font-size:15px;line-height:1.85;color:#e7e5e4;text-align:left}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.features-section{padding:60px 30px}}.feature-icon{width:60px;height:40px;background:linear-gradient(145deg,#d4af37,#b08930);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 10px 20px #0000004d;transition:.3s ease}.feature-icon img{width:28px;height:28px;object-fit:contain;filter:brightness(0)}.feature-card:hover .feature-icon{animation:floatIcon 1.5s ease-in-out infinite,glowPulse 2s ease-in-out infinite}@keyframes floatIcon{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 6px #d4af3799,0 0 12px #d4af374d}50%{box-shadow:0 0 10px #d4af37cc,0 0 18px #d4af3766}to{box-shadow:0 0 6px #d4af3799,0 0 12px #d4af374d}}.contact-section{background:#fff;padding:100px 40px;text-align:center}.contact-header h2{font-size:36px;font-weight:700;color:#135d0b;margin-bottom:10px}.contact-header p{font-size:15px;color:#555;margin-bottom:50px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.contact-card{background:#f9f9f9;padding:40px 30px;border-radius:14px;box-shadow:0 10px 25px #0000000d;transition:.3s ease}.contact-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000014}.contact-icon{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.contact-icon img{width:40px;height:40px;object-fit:contain}.contact-card h3{font-size:18px;margin-bottom:15px;color:#000}.contact-card p{font-size:15px;color:#000;line-height:1.6}.contact-card{opacity:0;transform:translateY(40px);transition:all .6s ease}.contact-card.show{opacity:1;transform:translateY(0)}.map-section{background:#f3f4f6;padding:10px 40px;text-align:center}.map-header h2{font-size:36px;font-weight:700;color:#135d0b;margin-bottom:10px}.map-header p{font-size:15px;color:#555;margin-bottom:40px}.map-container{max-width:1200px;margin:0 auto;position:relative}.map-container iframe{border-radius:16px;box-shadow:0 15px 35px #0000001a}.map-button{margin-top:25px}.directions-btn{display:inline-block;padding:12px 30px;background:#135d0b;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:.3s ease}.directions-btn:hover{background:#0a3c0a;transform:translateY(-3px)}.map-section{opacity:0;transform:translateY(60px);transition:all .8s ease}.map-section.show{opacity:1;transform:translateY(0)}.footer-section{background-color:#047533;color:#fff;padding:10px 40px 30px}.footer-container{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1200px;margin:0 auto}.footer-column h3{font-size:20px;margin-bottom:20px;font-weight:700}.footer-column p{font-size:14px;line-height:1.7;margin-bottom:10px;color:#fff}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{text-decoration:none;color:#fff;font-size:14px;transition:.3s ease}.footer-links a:hover{color:#eaff00;padding-left:5px}.footer-socials{margin-top:20px;display:flex;gap:15px;flex-wrap:wrap}.social-box{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#ffffff1f;border-radius:10px;text-decoration:none;color:#fff;font-size:14px;font-weight:600;transition:all .3s ease}.social-box i{font-size:16px;transition:.3s ease}.social-box:hover{background:#eaff00;color:#135d0b;transform:translateY(-3px);box-shadow:0 6px 15px #00000040}.social-box:hover i{color:#135d0b}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;color:#d9f2d9}.website-link{margin-left:15px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;border-bottom:1px solid transparent;transition:.3s ease}.website-link:hover{color:#eaff00;border-bottom:1px solid #eaff00}.footer-logos{margin-top:10px;display:flex;gap:1px;align-items:center}.footer-logos img{height:100px;width:auto;object-fit:contain;transition:.3s ease}.footer-logos img:hover{transform:scale(1.08)}.quick-links{position:relative}.quick-btn{background:transparent;border:2px solid #d4af37;border-radius:30px;color:#fff;padding:6px 18px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.quick-btn:hover{background:#ffffff40;border-color:#d4af37}.quick-btn i{font-size:12px}.quick-dropdown{position:absolute;top:130%;right:0;background:#fff;border-radius:12px;padding:10px 0;width:160px;box-shadow:0 10px 25px #00000026;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.quick-dropdown a{display:block;padding:10px 18px;text-decoration:none;color:#333;font-weight:500}.quick-dropdown a:hover{text-decoration:underline;background:transparent;color:inherit}.quick-links:hover .quick-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.roles-section{background:#f3f4f6;padding:100px 20px;text-align:center}.roles-header h2{font-size:36px;font-weight:700;color:#135d0b;margin-bottom:10px}.roles-header p{font-size:15px;color:#555;margin-bottom:60px}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}.role-card{background:#f9f9f9;padding:40px 30px;border-radius:16px;transition:all .3s ease;box-shadow:0 10px 25px #0000000d;position:relative}.role-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#d4af37;border-top-left-radius:16px;border-top-right-radius:16px}.role-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.role-icon{width:70px;height:70px;margin:0 auto 20px;background:#135d0b;border-radius:50%;display:flex;align-items:center;justify-content:center}.role-icon i{color:#fff;font-size:28px}.role-card h3{font-size:20px;margin-bottom:15px;color:#000}.role-card p{font-size:14px;color:#555;line-height:1.7}@media (max-width: 1024px){.roles-grid{grid-template-columns:1fr;gap:30px}}.role-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#135d0b;border-radius:50%;padding:15px;transition:.3s ease}.role-icon img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1);transition:.3s ease}.role-card:hover .role-icon{transform:scale(1.1);background:#d4af37}.role-card:hover .role-icon img{filter:brightness(0)}.role-card{opacity:0;transform:translateY(40px);transition:all .6s ease}.role-card.show{opacity:1;transform:translateY(0)}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#0009;color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(15px);transition:all .3s ease;z-index:999}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background:#d4af37;color:#135d0b;transform:translateY(-3px)}.team-section{background:#f3f4f6;padding:100px 40px;text-align:center}.team-header h2{font-size:36px;font-weight:700;color:#135d0b;margin-bottom:10px}.team-header p{font-size:15px;color:#555;margin-bottom:60px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1300px;margin:0 auto}.team-card{position:relative;background:#f9f9f9;padding:30px 20px;border-radius:18px;box-shadow:0 10px 25px #0000000d;transition:all .4s ease;overflow:hidden}.team-card:before{content:"";position:absolute;top:0;left:0;height:4px;width:0%;background:linear-gradient(90deg,#d4af37,#f7e27b,#d4af37);transition:width .4s ease}.team-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #0000001f;background:#fff}.team-card:hover:before{width:100%}.team-card:hover .team-image img{transform:scale(1.08)}.team-image img{transition:transform .4s ease}.team-card:hover h3{color:#135d0b;transition:.3s ease}.team-image{width:140px;height:140px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid #d4af37}.team-image img{width:100%;height:100%;object-fit:cover}.team-card h3{font-size:18px;margin-bottom:6px}.team-role{display:block;font-size:13px;font-weight:600;color:#135d0b;margin-bottom:12px}.team-card p{font-size:14px;color:#000;line-height:1.6}.team-card{opacity:0;transform:translateY(40px);transition:all .6s ease}.team-card.show{opacity:1;transform:translateY(0)}@media (max-width: 1200px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.team-grid{grid-template-columns:1fr}}.help-page{display:none;padding:90px 60px 80px;background:#f3f4f6;min-height:100vh}.help-container{max-width:1100px;margin:0 auto}.help-top h1{font-size:42px;color:#000;margin-bottom:10px}.help-block{background:#fff;padding:30px;margin-top:30px;border-radius:12px;box-shadow:0 8px 20px #0000000d}.faq-group{margin-top:20px}.faq-item{margin-bottom:20px;border-radius:14px 14px 0 0;overflow:hidden;background:#fff;box-shadow:0 12px 30px #00000014;transition:.3s ease}.faq-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000001f}.faq-question{width:100%;padding:18px 24px;font-size:17px;font-weight:600;border-radius:14px 14px 0 0;background:#fff;color:#000;border:1px solid #000000;text-align:left;cursor:pointer;transition:.3s ease}.faq-question:hover{background:linear-gradient(90deg,#d1d2d4,#bcbdbe)}.faq-answer{padding:0 25px;font-size:15px;line-height:1.8;background:#fff;max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-answer.active{padding:25px}.faq-answer p,.faq-answer ol,.faq-answer ul{margin-top:0;margin-bottom:0}.support-page{display:none;padding:100px 40px;background:#f3f4f6;min-height:100vh}.support-container{max-width:1000px;margin:0 auto}.support-top h1{font-size:36px;color:#000;margin-bottom:10px}.support-top p{font-size:16px;color:#000;margin-bottom:40px}.support-info{background:#fff;padding:25px 30px;border-radius:10px;margin-bottom:35px}.support-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.support-info h3{font-size:16px;margin-bottom:8px;color:#000}.support-info p{font-size:15px;color:#333;margin:0}.support-card{background:#fff;padding:40px 45px;border-radius:16px;border:1px solid #e0e0e0;box-shadow:0 10px 30px #00000014,0 2px 6px #0000000d;transition:all .3s ease}.support-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0000001f,0 6px 12px #00000014}.support-group{margin-bottom:20px}.support-group label{display:block;font-size:15px;font-weight:600;margin-bottom:6px;color:#000}.support-group input,.support-group textarea{width:100%;padding:12px;font-size:15px;border-radius:6px;border:1px solid #ccc}.support-group input:focus,.support-group textarea:focus{outline:none;border:1px solid #444}.support-btn{padding:12px 20px;font-size:15px;font-weight:600;background:#135d0b;color:#fff;border:none;border-radius:6px;cursor:pointer}.support-btn:hover{background:#333}@media (max-width: 900px){.support-info-grid{grid-template-columns:1fr}}.support-info{background:#f5f5f5;border-radius:12px;margin:30px 0 40px}.support-info-grid{display:grid;grid-template-columns:repeat(3,1fr)}.support-info-item{text-align:center;padding:20px;position:relative}.support-info-item:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#d9d9d9}.support-info-item h3{margin-top:10px;margin-bottom:8px;font-size:16px;font-weight:600}.support-info-item p{margin:0;font-size:14px;color:#333}@media (max-width: 768px){body{background:#1b1b1b}section,.about-section,.features-section,.roles-section,.team-section,.contact-section,.map-section,.footer-section,.help-page,.support-page{padding:50px 20px!important}h1{font-size:22px!important}h2{font-size:19px!important}h3{font-size:16px!important}p{font-size:14px!important}input,textarea,select{font-size:16px}.login-wrapper{padding:0 15px;min-height:100vh;justify-content:center;align-items:center;background-color:#1b1b1b}.login-slide{animation:none!important;transform:none!important}.login-slide-2{display:none}.login-slide-1{background-image:var(--login-bg-1, url(/icons/final%20background.jpg));background-size:cover;background-position:center 78%}.hero-left{display:none!important}.main-header{height:60px}.header-inner{height:60px;padding:0 16px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:2px}.wup-logo{width:34px}.brand-logo{width:28px}.brand-title{font-size:14px;margin-right:58px}.main-nav{display:flex!important;margin-right:14px}.main-nav a:not(:first-child){display:none}.main-nav a{font-size:13px;font-weight:600}.quick-links{margin-left:auto}.quick-btn{padding:4px 8px;font-size:8px;border-width:1.5px}.login-box{width:100%;max-width:100%;margin:20px 0;padding:25px 20px;border-radius:16px;box-shadow:0 5px 15px #00000040}.login-btn,.support-btn,.directions-btn{width:100%}.about-container,.roles-grid,.features-grid,.team-grid,.contact-grid,.footer-container,.support-info-grid{grid-template-columns:1fr!important;gap:25px;text-align:center}.about-image img{width:100%;height:auto}.login-portal-header{font-size:12px;letter-spacing:.5px}.map-container iframe{width:100%!important;height:260px}.scroll-top-btn{right:15px;bottom:20px}}