.register-layout{body,html{height:100%;margin:0;padding:0;font-family:Noto Sans Thai,sans-serif;background-image:url(https://i.postimg.cc/Jz2scBVD/fantastic-seascape-with-ripples.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;overflow-x:hidden}.navbar-container{width:100%}.navbar-top{background-color:#e0b700;height:6px}.navbar{background-color:white;color:black;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-bottom{background-color:#000080;height:4px}.navbar-left{display:flex;align-items:center}.navbar-left img{height:36px;margin-right:10px}.navbar-left span{font-size:18px;font-weight:700}.navbar-right button{background-color:rgb(1,31,138);color:white;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer}.navbar-right button:hover{background-color:rgb(6,13,91)}.content{flex:1;display:flex;justify-content:center;align-items:center;padding:30px 15px}.register-container{background:rgba(255,255,255,.95);padding:20px 25px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.25);width:100%;max-width:700px;box-sizing:border-box}h2{text-align:center;margin-bottom:20px;color:#333;font-size:20px}form{gap:15px}.form-group{display:flex;flex-direction:column}label{margin-bottom:5px;font-weight:700;font-size:14px}input[type=confirmPassword],input[type=email],input[type=password],input[type=tel],input[type=text],select{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.full-width{grid-column:span 2}button[type=submit]{width:100%;padding:10px;background-color:rgb(1,31,138);color:white;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:rgb(6,13,91)}.login-link{text-align:center;margin-top:15px;font-size:15px}.login-link a{color:#1e88e5;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:768px){form{grid-template-columns:1fr}.full-width{grid-column:span 1}}footer{width:100%;font-family:Noto Sans Thai,sans-serif;margin-top:auto}.footer-bottom,.footer-top{display:flex;align-items:center;justify-content:center;padding:5px 10px;text-align:center}.footer-top{background-color:#000080;color:white;font-size:14px;height:auto}.footer-bottom{background-color:#e0b700;color:black;font-size:14px;height:auto}input::-ms-reveal,input::-webkit-credentials-auto-fill-button{display:none}@media (max-width:600px){.footer-bottom,.footer-top{font-size:12px;flex-direction:column;padding:8px}}}