body{margin:0;padding:0;height:100vh;background-color:#fff8d9;font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center}.check-show-pass{font-size:14px}.validator-font{color:red;font-size:14px}.input-font{color:grey;font-size:14px;padding:5px 10px}.timestamp-font-size{font-size:12px;color:grey}.section-title{background-color:#818286;color:#fff;font-size:18px}.background-container{background-color:#f9f9f9;width:350px;padding:40px 30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;gap:20px}.login-logo-style{display:flex;flex-direction:column;align-items:center;text-align:center}.login-logo-style img{width:50%;height:auto;margin-bottom:10px}.login-logo-style p{font-size:20px;font-weight:700;color:#000;line-height:1.5;margin:5% auto}.login-font-style{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.login-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}#txtPass,.input-font{width:90%;padding:10px;border:1px solid #ccc;border-radius:5px}.btn-align{display:flex;justify-content:center;gap:10px;width:100%}.btn-style{background-color:#fff112;border:none;border-radius:5px;padding:10px 40px;font-size:16px;font-weight:700;color:#000;transition:.3s ease}.btn-style:hover{background-color:#fc0;color:#000;cursor:pointer}