body{margin:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9}.container{text-align:center;width:100%;max-width:400px;padding:20px}.logo-title h1{font-size:36px;font-weight:700;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:15px;align-items:center}.input-field{padding:10px;font-size:16px;width:100%;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.login-button,.google-btn{padding:10px;font-size:16px;width:100%;border-radius:5px;cursor:pointer;text-align:center;box-sizing:border-box}.login-button{background-color:#333;color:#fff;border:none}.google-login-button{text-decoration:none;width:100%}.google-btn{background-color:#fff;color:#000;border:1px solid #333;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.google-logo{width:20px;height:20px}.login-button:hover,.google-btn:hover{opacity:.9}