body,html{height:100%;margin:0;font-family:Plus Jakarta Sans,sans-serif;background:#fff}.navbar{background-color:#fff;box-shadow:0 2px 4px #00000026;padding:20px 0;top:0;width:100%;z-index:999;transition:top .3s ease;position:fixed}.navbar-hide{top:-100px}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1140px;margin:0 auto;padding:0 20px}.logo{height:70px;transform:translate(-138px)}.nav-text{font-size:.9rem;color:#333;margin-right:10px;transform:translate(173px)}.nav-text span{margin-right:8px}.signin-link{color:#1879ca;font-weight:600;text-decoration:none}.signin-link:hover{text-decoration:underline}.register-page{display:flex;flex-direction:row-reverse;height:100vh;align-items:center;justify-content:center;padding-top:120px}.left-section{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.left-section .logo{width:150px;margin-bottom:2rem}.left-section .illustration.hero-img{width:100%;max-width:700px;height:auto}.right-section{width:50%;padding:9rem;display:flex;justify-content:center;align-items:center;background-color:#fff}.form-card{max-width:500px;width:100%}.title{font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:#1c1c1c}.title .blue{color:#1879ca}.subtitle{font-size:13px;color:#6c757d;margin-bottom:0;text-align:center!important}.subtitle+.subtitle{margin-top:0;margin-bottom:2rem}.input-group{margin-top:1rem;margin-bottom:1.2rem}.input-group:first-of-type{margin-top:3rem}.input-group label{font-size:.85rem;display:block;margin-bottom:.4rem;color:#1c1c1c;font-weight:500}.input-box{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;padding:.75rem 1rem;background:#fff;transition:border .2s ease}.input-box:hover{border:2px solid #1B80C3}.input-box input{flex:1;border:none;outline:none;font-size:.85rem;background:transparent;color:#212529;font-family:Plus Jakarta Sans,sans-serif}.input-box input::-moz-placeholder{color:#adb5bd}.input-box input::placeholder{color:#adb5bd}.input-box .icon{margin-right:10px;font-size:1.1rem;color:#1b80c3}.input-box .toggle-password{margin-left:10px;font-size:1.1rem;color:#1b80c3;cursor:pointer}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:1.5rem;color:#1c1c1c}.form-options .remember{display:flex;align-items:center;gap:6px}.form-options .forgot{color:#1879ca;font-weight:500;text-decoration:none}.form-options .forgot:hover{text-decoration:underline}.btn-primary{width:100%;padding:.9rem;background-color:#1879ca;color:#fff;border:none;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.separator{text-align:center;font-size:.85rem;margin:.5rem 0}a.btn-primary{display:block;text-align:center;text-decoration:none;background-color:#eee;color:#555}button.btn-primary:hover{background-color:#125a8d}a.btn-primary:hover{opacity:.85}.error-msg{color:red;font-size:.8rem;margin-top:.25rem;text-align:center}@media (max-width: 1024px){.register-page{flex-direction:column;height:auto;padding-top:100px}.left-section,.right-section{width:100%;padding:2rem}.right-section{padding:4rem 2rem}.title{font-size:32px}.input-box input{font-size:.95rem}}@media (max-width: 768px){.nav-wrapper{flex-direction:column;text-align:center}.logo{transform:none;margin-bottom:10px}.nav-text{transform:none;margin:0}.register-page{flex-direction:column}.title{font-size:28px}.right-section{padding:3rem 1.5rem}.left-section{padding-bottom:1rem}}@media (max-width: 480px){.form-options{flex-direction:column;align-items:flex-start;gap:.5rem}.right-section{padding:2rem 1rem}.left-section{padding:1rem 1rem 0}.title{font-size:24px}.subtitle{font-size:14px}.input-box{padding:.6rem .9rem}.input-box input{font-size:.9rem}.btn-primary{font-size:.95rem}}