#login.hero{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center}.login-box{background:rgba(255,255,255,.94);padding:2rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-width:400px;width:100%}.login-box h1{font-family:Merriweather,serif;margin-bottom:.5rem}.login-box p:not(#errorMessage){margin-bottom:1.5rem;color:#555}.login-box input[type=password]{width:100%;padding:12px 15px;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;font-size:16px;font-family:Roboto,sans-serif;outline:0;transition:border-color .3s ease,box-shadow .3s ease}.login-box input[type=password]:focus{border-color:#07c;box-shadow:0 0 5px rgba(0,119,204,.3)}.login-box .btn{width:100%;padding:12px;font-size:16px;font-weight:700;background:#07c;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .2s ease}.login-box .btn:hover{background:#005fa3;transform:translateY(-2px)}#errorMessage{color:red;margin:10px 0 0;font-weight:700;display:none}#userDetails{margin-top:20px;font-size:13px;color:#333;text-align:left;white-space:pre-line;background:#f8f8f8;padding:10px;border-radius:6px}