body{font-family:Arial,Helvetica,sans-serif}header{align-items:center;display:flex;gap:10px;padding:15px}img{height:70px;padding-left:18px;width:70px}h1{font-size:25px;padding-left:20px}nav{display:flex;font-size:15px;gap:30px;grid-template-columns:repeat(5,auto);padding-left:120px}#headerIcon{font-size:52px;position:absolute;right:80px;top:25px}.nav-link{background:linear-gradient(currentColor 0 0) center 80% /0 3px no-repeat;color:#000;font-size:15px;text-decoration:none;transition:.5s}.nav-link:hover{background-size:100% 3px;color:#456a31}.profile-icon img{border:2.5px solid #456a31;border-radius:50%;height:48px;object-fit:cover;padding:0;width:48px}.profile-icon{position:absolute;right:80px;top:20px}.profile-icon-container{display:inline-block;position:relative}.dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0003;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu a{color:#000;display:block;padding:10px;text-decoration:none}.dropdown-menu a:hover{background:#f0f0f0}.homeLogo{align-items:center;color:#000;display:flex;text-decoration:none}.productDropDown{background-color:green;border-radius:5px;display:none;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;gap:5px;justify-content:center;padding:15px;position:absolute;right:35px;text-align:center;top:85px;width:120px}.container:hover .productDropDown{display:flex;position:absolute;z-index:10}.productDropDown a{align-items:center;color:#fff;display:flex;font-size:16px;text-decoration:none}.logOut:hover,.productDropDown a:hover{color:#ff0}@media (max-width:1240px){.homeLogo,header{flex-direction:column}img{height:15vw;margin-bottom:0;margin-right:0;width:15vw}h1,img{padding-left:0}h1{font-size:35px}nav{align-items:center;flex-direction:column;gap:3px;padding-left:0}}@media (max-width:800px){.nav-link{font-size:12px}h1{font-size:5vw;padding-left:0}}@media (max-width:768px){#headerIcon{font-size:45px;right:60px}.profile-icon img{height:40px;width:40px}.productDropDown{padding:10px 0;right:25px;top:72px}.logOut,.productDropDown a{font-size:12px}}@media (max-width:480px){#headerIcon{right:35px}.productDropDown{padding:8px 0;right:15px;top:65px;width:25%}.logOut,.productDropDown a{font-size:12px}}@media (max-width:360px){#headerIcon{font-size:36px;right:10px}.productDropDown{padding:8px 0;right:5px;top:50px}.logOut,.productDropDown a{font-size:10px}}.rating-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rating-modal{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;max-width:550px;padding:40px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.rating-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.rating-modal-close:hover{background:#f5f5f5;color:#456a31;transform:rotate(90deg)}.rating-modal-header{margin-bottom:35px;text-align:center}.rating-logo{border-radius:50%;box-shadow:0 4px 15px #456a3133;height:80px;margin-bottom:20px;padding:0;width:80px}.rating-modal-header h2{color:#456a31;font-size:28px;font-weight:700;margin:0 0 10px}.rating-modal-header p{color:#666;font-size:16px;margin:0}.rating-form{display:flex;flex-direction:column;gap:30px}.rating-stars-container{text-align:center}.rating-stars-container label{color:#333;display:block;font-size:18px;font-weight:600;margin-bottom:20px}.rating-stars{display:flex;gap:15px;justify-content:center;margin-bottom:15px}.star{background:none;border:none;color:#ddd;cursor:pointer;font-size:50px;line-height:1;padding:0;transition:all .2s ease}.star:hover{transform:scale(1.2)}.star.active{animation:starPop .3s ease;color:#ffc107;filter:drop-shadow(0 0 10px rgba(255,193,7,.5))}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.2)}}.rating-labels{color:#999;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:0 20px}.feedback-container{display:flex;flex-direction:column;gap:10px}.feedback-container label{color:#333;font-size:16px;font-weight:600}.feedback-container textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.feedback-container textarea:focus{border-color:#456a31;box-shadow:0 0 0 3px #456a311a;outline:none}.feedback-container small{color:#999;font-size:13px;text-align:right}.rating-actions{display:flex;gap:15px;margin-top:10px}.skip-btn,.submit-rating-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;letter-spacing:.5px;padding:15px 25px;text-transform:uppercase;transition:all .3s ease}.skip-btn{background:#f5f5f5;border:2px solid #e0e0e0;color:#666}.skip-btn:hover{background:#e0e0e0;color:#333;transform:translateY(-2px)}.submit-rating-btn{background:linear-gradient(135deg,#456a31,#2d4420);box-shadow:0 4px 15px #456a314d;color:#fff}.submit-rating-btn:hover{background:linear-gradient(135deg,#2d4420,#1a2813);box-shadow:0 6px 20px #456a3166;transform:translateY(-2px)}.skip-btn:active,.submit-rating-btn:active{transform:translateY(0)}@media (max-width:768px){.rating-modal{padding:30px 25px;width:75%}.rating-modal-header h2{font-size:24px}.rating-modal-header p{font-size:14px}.rating-logo{height:60px;width:60px}.star{font-size:40px}.rating-stars{gap:10px}.rating-actions{flex-direction:column}.skip-btn,.submit-rating-btn{width:100%}}@media (max-width:480px){.rating-modal{height:auto;overflow-y:auto;padding:25px 20px}.star{font-size:35px}.rating-stars{gap:8px}.feedback-container textarea{font-size:14px;padding:12px}}@media (max-width:400px){.rating-modal{height:85vh}}.Footer{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;padding:50px 80px 20px}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;max-width:1300px;width:100%}.footer-section h2{color:#7bbf61;font-size:1.3rem;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.conDetails{align-items:center;display:flex;margin-bottom:10px}.conDetails i{color:#7bbf61;font-size:1.3rem;margin-right:12px}.conDetails a,.conDetails p{color:#f5f5f5;font-size:.95rem;text-decoration:none}.conDetails a:hover{color:#e29b1b}.quick-links ul,.tua-links ul{list-style:none;margin:0;padding:0}.quick-links ul li,.tua-links ul li{margin-bottom:8px}.quick-links a,.tua-links a{color:#f5f5f5;font-size:.95rem;text-decoration:none;transition:color .3s ease}.quick-links a:hover,.tua-links a:hover{color:#e29b1b}.social-media{align-items:flex-start;display:flex;flex-direction:column}.social-icons{display:flex;gap:15px;margin-top:10px}.social-icons a{color:#7bbf61;font-size:1.6rem;transition:all .3s ease}.social-icons a:hover{color:#e29b1b;transform:scale(1.15)}.footer-bottom{border-top:1px solid #222;margin-top:40px;padding-top:25px;text-align:center;width:100%}.footer-logo{align-items:center;display:flex;gap:15px;justify-content:center}.footer-logo div:first-of-type{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;margin-top:15px}.footer-logo img{border-radius:50%;height:70px;width:70px}.footer-logo h3{color:#fff;font-size:1.4rem;letter-spacing:.5px;margin:0}.footer-logo p{color:#ccc;font-size:.9rem;margin:2px 0 0}@media (max-width:900px){.footer-content{align-items:center;flex-direction:column;text-align:center}.footer-section{width:100%}.conDetails{justify-content:center}.social-media{align-items:center}.footer-logo{flex-direction:column;gap:0}}.loader{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.loader:before{background-image:url(https://www.tua.edu.ph/wp-content/uploads/2017/12/1-845x650.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:brightness(50%) contrast(120%);left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-logo{animation:spin 10s linear infinite;height:200px;width:200px}.loader-logo:hover{animation-play-state:paused}.loader-logo{height:180px;margin-bottom:35px;padding-left:0;width:180px}.loading-text-message{font-size:20px;font-weight:700;line-height:1.8;margin-top:40px;text-align:center}.loading-subtext{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.01em;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:16px;max-width:450px;text-align:center}body{margin:0}.pageWrapper{display:flex;flex-direction:column;height:100vh}.headerLogIn{align-items:center;background-color:#fff;display:flex;flex-shrink:0;padding:10px 20px;position:relative;z-index:10}.headerLogIn img{height:70px;width:70px}.headerLogIn h1{color:#000;font-size:25px;margin:0;padding-left:10px}.register-container{align-items:flex-start;display:flex;flex:1 1;height:auto;justify-content:center;min-height:75vh;overflow-y:auto;padding:35px;position:relative;z-index:0}.register-container:before{background-image:url(https://www.tua.edu.ph/wp-content/uploads/2017/12/1-845x650.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:brightness(75%) contrast(100%);left:0;position:fixed;right:0;top:0;z-index:-1}.register-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-top:35px;max-width:600px;padding:35px;width:100%}.register-box h1{color:#1b5e20;font-size:28px;font-weight:700;margin-bottom:10px;margin-top:10px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.form-group label{color:#333;font-size:15px;font-weight:700}.form-group input[type=email],.form-group input[type=text],.form-group select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input[type=email]:focus,.form-group input[type=text]:focus,.form-group select:focus{border-color:#1b5e20;box-shadow:0 0 5px #1b5e204d;outline:none}.form-group input[type=file]{background-color:#f9f9f9;border:2px dashed #1b5e20;border-radius:6px;cursor:pointer;padding:10px;transition:all .3s ease;width:auto}.form-group input[type=file]:hover{background-color:#f0f8f0}.split-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.id-preview{border:2px solid #1b5e20;border-radius:8px;display:block;height:auto;margin-left:auto;margin-right:auto;margin-top:15px;max-height:150px;max-width:100%;padding:0;width:auto}.register-btn{background-color:#1f7a1f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:15px;text-transform:uppercase;transition:background .3s ease;width:100%}.register-btn:hover{background-color:#166316}.register-btn:disabled{background-color:#9db89d;cursor:not-allowed}.login-link{color:#333;font-size:15px;margin-top:20px;text-align:center}.login-link a{color:#1b5e20;font-weight:700;text-decoration:none}.login-link a:hover{color:#0d3315;text-decoration:underline}@media (max-width:768px){.register-container{padding:20px}.register-box{padding:30px 20px}.split-row{gap:15px;grid-template-columns:1fr}}